Question

我想使用javascript为我的HTML中出现的前三个float设置li值。我将父ul命名为“某事”。是否可以为这些li设置float属性而不命名它们？

Answer 1

当然，您可以使用此代码段在纯JavaScript中找到未命名的li元素：

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

其中某些东西是父母的名字。

然后像往常一样访问前三个孩子

children[0].style.float = "left";
children[1].style.float = "left";
children[2].style.float = "left";

Answer 2

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

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

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

可能会做你想要的......

Answer 3

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

Answer 4

你可以使用getElementByTagName函数

例如：

document.getElementsByTagName("li");

Documentation

Answer 5

您可以使用.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"将它们向左浮动。

如何使用javascript从HTML访问未命名的元素？

5 个答案: