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

如何使用javascript从HTML访问未命名元素?,javascript,css,Javascript,Css,我想使用javascript为HTML中的前三个li设置浮点值。我把父母命名为ul。是否可以为这些li设置浮点属性而不命名它们?您可以使用getElementByTagName函数 例如: 可能会执行您想要的操作…当然,您可以使用以下代码片段在纯javascript中找到未命名的li元素: var children = document.getElementById('something').getElementsByTagName('li'); 其中某物是父对象的名称 然后像往常一样访问前三

我想使用javascript为HTML中的前三个li设置浮点值。我把父母命名为ul。是否可以为这些li设置浮点属性而不命名它们?

您可以使用getElementByTagName函数

例如:


可能会执行您想要的操作…

当然,您可以使用以下代码片段在纯javascript中找到未命名的li元素:

var children = document.getElementById('something').getElementsByTagName('li');
其中某物是父对象的名称

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

children[0].style.float = "left";
children[1].style.float = "left";
children[2].style.float = "left";
您可以使用.getElementsByName和.getElementsByTagName

见:

函数f{ var objUl=document.getElementsByNameTest[0]; var lstLi=objUl.getElementsByTagNameli; 对于变量i=0;i<3;i++{ lstLi[i].style.color=red; } } 一 二 三 四
我在这里使用style.color进行说明。很明显,您希望使用style.float=left将它们向左浮动。

请粘贴您的代码好吗?您比我快了31秒,这样您就可以拥有我的JSFIDLE,如果您想使用CSS,它可以:+1,但OP说名为“某物”,所以选择器可能不正确。name属性不是UL元素的标准属性。我需要在运行时执行此操作,因此我希望使用javascript。这将获得页面上的每个li
#something : nth-child(1) {
    float: left;
}

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

#something : nth-child(3) {
    float: left;        
}
var children = document.getElementById('something').getElementsByTagName('li');
children[0].style.float = "left";
children[1].style.float = "left";
children[2].style.float = "left";