得到同一類

Question

不同的內部HTML誰能與你怎麼從同一類不同的innerHTML成輸入文本幫助？這是代碼。謝謝。

function myFunction() { 
 
    var a = document.getElementsByClassName("name"); 
 
    var b = document.getElementById("whispering"); 
 
    a.innerHTML = b.value; 
 
}

<span onclick="myFunction();" class="name" id="username1"> Username 1 </span> 
 
<span onclick="myFunction();" class="name" id="username2"> Username 2 </span> 
 

 
<input type="text" id="whispering">

Answer 1

像這樣的事情會做的伎倆：

a[2].innerHTML = b.value; 

或者，如果你想要的特定項目點擊，你可以這樣做：

HTML：

<span id="1" class="name">Content</span> 
<span id="2" class="name">Content</span> 

JS：

var spans = document.getElementsByClassName("name"); 

for(var i = 0; i < spans.length; i++){ 
    spans[i].onclick = function(){ 
     this.innerHTML = b.value; 
    } 
} 

注意：這也將停止使用內嵌的JS :)

小提琴：https://jsfiddle.net/yn9wauyk/

Answer 2

與您的代碼的問題是getElementsByClassName返回一個集合，所以你需要環通過，並設置每個元素的innerHTML：

function myFunction() { 
 
    var a = document.getElementsByClassName("name"); 
 
    var b = document.getElementById("whispering"); 
 

 
    for (var i = 0; i < a.length; i++) { 
 
    a[i].innerHTML = b.value; 
 
    } 
 
}

<span onclick="myFunction();" class="name" id="1"> HAHA1 </span> 
 
<span onclick="myFunction();" class="name" id="2"> Haha2 </span> 
 

 
<input type="text" id="whispering">

Answer 3

你會更好地傳遞到點擊的元素到你的方法的引用 - 這解決了引用正確的元素的所有問題按id或按類。

function myFunction(elem) { 
 
    var b = document.getElementById("whispering"); 
 
    elem.innerHTML = b.value; 
 
}

<span onclick="myFunction(this);"> HAHA1 </span> 
 
<span onclick="myFunction(this);"> Haha2 </span> 
 

 
<input type="text" id="whispering">