需要更換document.getElementsByTagName到的document.getElementById

Question

我已經在網上找到這段代碼：

function getIPs(callback){ 
var ip_dups = {}; 
var RTCPeerConnection = window.RTCPeerConnection 
    || window.mozRTCPeerConnection 
    || window.webkitRTCPeerConnection; 
var useWebKit = !!window.webkitRTCPeerConnection; 
if(!RTCPeerConnection){ 
    var win = iframe.contentWindow; 
    RTCPeerConnection = win.RTCPeerConnection 
     || win.mozRTCPeerConnection 
     || win.webkitRTCPeerConnection; 
    useWebKit = !!win.webkitRTCPeerConnection; 
} 
var mediaConstraints = { 
    optional: [{RtpDataChannels: true}] 
}; 
var servers = {iceServers: [{urls: "stun:stun.services.mozilla.com"}]}; 
var pc = new RTCPeerConnection(servers, mediaConstraints); 
function handleCandidate(candidate){ 
    var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3}|[a-f0-9]{1,4}(:[a-f0-9]{1,4}){7})/ 
    var ip_addr = ip_regex.exec(candidate)[1]; 
    if(ip_dups[ip_addr] === undefined) 
     callback(ip_addr); 
    ip_dups[ip_addr] = true; 
} 
pc.onicecandidate = function(ice){ 
    //skip non-candidate events 
    if(ice.candidate) 
     handleCandidate(ice.candidate.candidate); 
}; 
pc.createDataChannel(""); 
pc.createOffer(function(result){ 
    pc.setLocalDescription(result, function(){}, function(){}); 
}, function(){}); 
setTimeout(function(){ 
    var lines = pc.localDescription.sdp.split('\n'); 
    lines.forEach(function(line){ 
     if(line.indexOf('a=candidate:') === 0) 
      handleCandidate(line); 
    }); 
}, 1000); 
} 
//insert IP addresses into the page 
getIPs(function(ip){ 
    var localip = document.createElement("span"); 
    localip.textContent = ip; 
    //local IPs 
    if (ip.match(/^(192\.168\.|169\.254\.|10\.|172\.(1[6-9]|2\d|3[01]))/)) 
    document.getElementsByTagName("h3")[1].appendChild(localip); 
}); 

現在我需要改變document.getElementsByTagName到document.getElementsById，除去document.createElement("span")，並且只有結果，因爲我需要在兩個地方打印它。

例如：

document.getElementById("local-ip").innerHTML = ip 
<div id="local-ip"></div> 

和

document.getElementById("local-ip2").value = ip 
<input type="text" id="local-ip2" /> //here as value 

我花了很多時間就可以了，沒有成功...

Answer 1

你的功能，如果有（）沒有按照{ }大括號，這意味着只有if（）後面的語句被執行，所以使得代碼不易讀。

我已經將創建，文本內容= ip，appendChild全部放在一起，所以應該直接看看發生了什麼。

只需要通過regExp。

getIPs = function() { 
 

 
var ip = document.getElementById('local-ip2').value; 
 
    
 
//local IPs 
 

 
if (ip.match(/^(192\.168\.|169\.254\.|10\.|172\.(1[6-9]|2\d|3[01]))/)) { 
 
     //document.getElementsByTagName("h3")[1].appendChild(localip); 
 
     var localip = document.createElement("span"); 
 
      localip.textContent = ip; 
 
      document.getElementById('local-ip').appendChild(localip); 
 
    } 
 
};

<div id="local-ip"></div> 
 
<input type="text" id="local-ip2" /> //here as value 
 
<button onclick="getIPs()">Get IP</button>

Answer 2

我想你已經回答了你自己的問題。如果不需要span，則可以高興地避免創建它。

function parse() { 
    var ip = document.getElementById('userIP').value; 
    if (ip.match(/^(192\.168\.|169\.254\.|10\.|172\.(1[6-9]|2\d|3[01]))/)) { 
     document.getElementById("local-ip2").value = ip; 
     document.getElementById("local-ip").innerHTML = ip; 
    } 
}; 

<input type="text" id="userIP" value="192.168.1.1" /> 
<button onclick="parse()">Parse</button> 

這個帖子只是澄清，你可能忽略的東西。