javascriptを使用してHTMLから名前のない要素にアクセスするにはどうすればよいですか？

float最初の3つの値をliに、私のHTMLにjavascriptを使って設定したいと思います。私は親をulと「何か」と名付けました。これらの名前を付けずにliのfloat属性を設定することはできますか？javascriptを使用してHTMLから名前のない要素にアクセスするにはどうすればよいですか？

出典

2011-08-04 Harish

コードに貼り付けてください。 – Side

確かに、あなたは見つけることができますそのこのスニペットを使用して純粋なjavascriptの名前のないli要素：

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

ここでは、何かが親の名前です。

次に、あなたはあなたが.getElementsByNameと.getElementsByTagNameを使用することができ、通常

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

出典

2011-08-04 06:32:45 danmaz74

あなたはgetElementByTagName機能を使用することができます

例えば：あなたが欲しいものを行う可能性があります

document.getElementsByTagName("li");

Documentation

出典

2011-08-04 06:29:49 nidhin

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

出典

2011-08-04 06:32:12 Clueless

これはページ上のすべてのリを取得します – sym3tri

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

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

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

...

出典

2011-08-04 06:32:43 Tom

あなたはそれをしたい場合私のjsfiddleを持つことができるように31秒でそれを私に殴る：http://jsfiddle.net/ambiguous/h7aVK/ –

+1を使用してCSSを、しかしOP ＃〜セレクタが正しくない可能性があります。 name属性はUL要素の標準ではありません。 – RobG

私は実行時にこれを行う必要があったので、なぜ私はjavascriptを使いたいのですか。 – Harish

として最初の3人の子供にアクセスします。

参照：

<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"を使用して左に浮動小数点数を浮動小数点にする必要があります。

出典

2011-08-04 06:36:32 MGwynne

javascriptを使用してHTMLから名前のない要素にアクセスするにはどうすればよいですか？

答えて

関連する問題