html JS中如何获取某ID下的某个标签的某个属性值

html JS中如何获取某ID下的某个标签的某个属性值,第1张

1JS方法

<script>windowonload=function(){

var va = documentgetElementById("d1")childNodes;

for(var i=0;i<valength;i++){

if(va[i]nodeNametoLocaleUpperCase() == "A"){

alert("JS: "+va[i]attributes["linkId"]nodeValue);

}

}

};

</script>

2 Jquery方法:

<script src="jquery-191minjs" type="text/javascript"></script>

<script>

$(document)ready(function(){

$("#d1 a")each(function(){

alert("Jquery: "+$(this)attr("linkId"));

});

});

</script>

JS 获取HTML标签内的子节点的方法

子节点的个数:

documentgetElementById("id")childNodeslength  

注意: 标签开/闭合算2个节点 第几个子几点:

documentgetElementById("id")childNodes[n]  

示例:

这里是 length-4 处,margin-left:20px

输出:length=8

实例:

<div id="page_kx" style="text-align: center;" class="tac">    <span class="fy2">1</span>  <a href="#">2</a>  <a href="#">3</a>  <a href="#">4</a>  <a href="#">5</a>  <a href="#">下一页</a>  <a href="#">末页</a>  </div>    <script>  var gor=documentgetElementById("page_kx");  var gorL=Number(gorchildNodeslength)-4;  gorchildNodes[gorL]stylemargin="0 0 0 20px";  </script>  

思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:

1、HTML结构

<ul id="test">

<li>Glen</li>

<li>Tane</li>

<li>John</li>

<li>Ralph</li>

</ul>

2、javascript代码

windowonload = function(){

var obj_lis = documentgetElementById("test")getElementsByTagName("li");

for(i=0;i<obj_lislength;i++){

obj_lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

3、效果演示

从js里面获取HTML 的input标签中的内容分两种:

1、获取input标签的值,方法:

根据input的name或者id获取其值,假如有:<input type='text' id='name' value=123>

js中获取方法:$("#name")val();

2、获取input标签的属性内容,方法:

如有:<input type='text' id='name' value=123 ind='1'>

要获取ind的值,方法:

$("#name")attr("ind");

分享

以上就是关于html JS中如何获取某ID下的某个标签的某个属性值全部的内容,包括:html JS中如何获取某ID下的某个标签的某个属性值、js如何获取点击<li>标签里的值、JS 怎样获取 script标签中的内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9621554.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存