web-dev-qa-db-ja.com

IDでスパンの内容を変更する

ジョンをマイクに変えようとしています。なぜ機能しないのかわかりません。

<span id="user">John</span>

私はこれを試していますが、機能していません。なぜ機能しないのかわかりません。

function set() {
    document['getElementById']('user')['value'] = Owner; 
    // owner value is mike
}
javascriptinnerhtml
9
deerox

IDを変更する場合は、

 document['getElementById']('user').id = 'mike';

または、より古典的には、

 document.getElementById('user').id = 'mike';

「John」（IDではなくスパンの内容）を置き換える場合は、次のようにします。

 document.getElementById('user').innerHTML = 'mike';
15
Denys Séguret
function set() {
    document.getElementByID('user').innerHTML = Owner; 
    // owner value is mike
}
3
L.Grillo

あなたはこれを試すことができます

function set()
{
  var elem = document.getElementById('user'); 

  elem.innerHTML = "Owner";
}

if you want to add an **id** you can use **setAttribute()**
eg:

 document.getElementById('user').setAttribute('id','owner');

注

 **value** attribute only work with input, text area,button etc..

例えば：

 <input type="text" id="inid" value=""/>

 document.getElementById('inid').value = "Something";  // this will work
2
Nevin

試してください：

function set() {
    document.getElementById('user').innerText= Owner; 
    // owner value is mike
}

Ownerはどこで宣言されていますか？関数スコープで有効ですか？

1
Ioana O

最新のブラウザの場合

document.getElementById("span_id_here").textContent="yourtext";
0
Eli