簡體   English   中英

如何使用javascript訪問HTML中的未命名元素?

[英]How can I access unnamed elements from an HTML using javascript?

我想使用JavaScript為HTML中出現的前三個li設置float值。 我已將父母ul命名為“某物”。 是否可以為這些li設置float屬性而無需命名它們?

當然,您可以使用以下代碼段在純JavaScript中找到未命名的li元素:

var children = document.getElementById('something').getElementsByTagName('li');

父母的名字在哪里。

然后您照常訪問前三個孩子

children[0].style.float = "left";
children[1].style.float = "left";
children[2].style.float = "left";
#something : nth-child(1) {
    float: left;
}

#something : nth-child(2) {
    float: left;        
}

#something : nth-child(3) {
    float: left;        
}

可能會做你想做的...

var elems = document.getElementById("something").getElementsByTagName("li");
for (var i = 0; i < 3; i++) {
    elems[i].style.float = "left;
}

您可以使用getElementByTagName函數

例如:

document.getElementsByTagName("li");

文獻資料

您可以使用.getElementsByName.getElementsByTagName

看到:

<html>
<head>
<script>
  function f () {
    var objUl = document.getElementsByName("Test")[0];
    var lstLi = objUl.getElementsByTagName("li");
    for (var i=0; i < 3; i++) {
      lstLi[i].style.color = "red";
    }
  }
 </script>
</head>
<body>
<ul name="Test">
 <li> One </li>
 <li> Two </li>
 <li> Three </li>
 <li> Four </li>
</ul>
<input type="button" onclick="f()" value="Click me" />
</body>
</html>

我在這里使用style.color進行說明。 顯然,您想使用style.float = "left"將它們向左浮動。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM