如何使用javascript定位li中的元素-有解無憂

這是一段javascript代碼，例如我想更改嵌套在li中的跨度中的文本。我如何使用 DOM 來定位這些元素？

var body = document.getElementsByTagName('body')[0]
body.style.fontFamily = "Arial";
var name = document.getElementsById('name');
var index = document.getElementsById('index');
var hometown = document.getElementsById('hometown');
name.innerHTML = "NAME";
index.innerHTML = "INDEX";
hometown.innerHTML = "HOMETOWN";

<h1>About Me</h1>
<ul>
  <li>Name: <span id="name"></span>
    <li>Index: <span id="index"></span>
      <li>Hometown: <span id="hometown"></span>
</ul>

uj5u.com熱心網友回復：

錯別字：getElementById 是單數 - 它是 getElementById 而不是 getElementsById
也不要有一個與頁面中的 ID 同名的變數——它隱藏了變數
也請關閉<li>格式原因

var body = document.getElementsByTagName('body')[0]
body.style.fontFamily = "Arial";
var nameSpan = document.getElementById('name'); // either change the var or the ID - I suggest the ID since name is used in several places like window.name etc
var index = document.getElementById('index');
var hometown = document.getElementById('hometown');
nameSpan.innerHTML = "NAME";
index.innerHTML = "INDEX";
hometown.innerHTML = "HOMETOWN";

<h1>About Me</h1>
<ul>
  <li>Name: <span id="name"></span></li>
  <li>Index: <span id="index"></span></li>
  <li>Hometown: <span id="hometown"></span></li>
</ul>

uj5u.com熱心網友回復：

你有錯別字的腳本getElementById不getElementsById

還有 HTML 有一些標簽問題

嘗試這個

<ul>
  <li>Name: <span id="name"></span></li>
  <li>Index: <span id="index"></span></li>
  <li>Hometown: <span id="hometown"></span></li>
</ul>



    var body = document.getElementsByTagName('body')[0]
    body.style.fontFamily = "Arial";
    var name = document.getElementById('name');
    var index = document.getElementById('index');
    var hometown = document.getElementById('hometown');
    name.innerHTML = "NAME";
    index.innerHTML = "INDEX";
    hometown.innerHTML = "HOMETOWN";

uj5u.com熱心網友回復：

首先你有一個錯字getElementsById，它應該是getElementById。其次，您不應該 =使用 HTML =，因為它會洗掉 HTML 中的文本并將其替換為您在 JavaScript 中設定的值。最后一件事，最好給 id <li>，我認為這比制作 span 更足夠。

這是固定的 HTML 和 JS：

document.getElementById("name").innerHTML  = "anything";
document.getElementById("index").innerHTML  = "anything";
document.getElementById("hometown").innerHTML  = "anything";

<h1>About Me</h1>
<ul>
  <li id="name">Name:
    <li id="index">Index:
      <li id="hometown">Hometown:
</ul>

轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/355925.html

標籤：javascript html css dom

上一篇：在React中記住一個函式

下一篇：類中的打字稿外部回呼系結