使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。
工具原料：编辑器、浏览器
1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：
<div id="div1" class="test"></div>
<script>
consolelog($('#div1')attr('class'));
</script>
2、运行的结果是获取到了class的值test，如下图：
js获取表单中的标签，有几种方式
documentgetElementsByTagName();//通过标签名获取
documentgetElementById();//通过id值获取
documentgetElementsByClassName();//通过类名获取,主流浏览器支持
一般是想获取父元素然后再获取子元素；
如 documentgetElementsByTagName("form")[1]getElementByID("num")；
获取文档中第一个form标签中的id为num的元素
alert(documentgetElementById('ha')innerHTML); 如果里面是<b>点击</b>,得到的也是<b>点击</b>
或
alert(documentgetElementById('ha')innerText); // 这个仅IE下有效,但如果里面是<b>点击</b>,得到的只是"点击"
js获取a标签的href值的方法和 *** 作步骤如下：
1、首先，打开html编辑器，如下图所示。
2、其次，完成上述步骤后，创建一个新的html文件，例如indexhtml，然后编写相关代码，如下图所示。
3、接着，完成上述步骤后，在indexhtml的<script>标记中，输入js代码：$('body')append($('a')attr('href'));，如下图所示。
4、最后，完成上述步骤后，浏览器运行indexhtml页面。 此时，页面a标签的href值被成功取出并打印了，如下图所示。这样，问题就解决了。
说下你代码错误的地方吧：
1，<button>结束标签没有
2，<script type="javascript"></script>
3，是getElementsByTagName而不是getElementByTagName
4,documentgetElementsByTagName("p")应该为documentgetElementsByTagName("p")[0]
正确代码：
<!DOCTYPE html>
<html>
<body>
<h1>
我的 Web 页面</h1>
<p id="demo">
一个段落。</p>
<div id="myDIV">
一个 DIV。</div>
<button onclick="myFunction()">
点击显示</button>
<script type="text/javascript">
function myFunction() {
alert(documentgetElementsByTagName("p")[0]innerHTML);
}
</script>
</body>
</html>
<body>
<table class="tbeTarget" id="tbeTarget">
<tr>
<td class="tips1" id="tips1"> 12345abcd </td>
<td class="tips2" id="tips2"> 23456fvbg </td>
</tr>
</table>
<input type="button" onclick="getTdValue();" value="GETTDVALUE">
</body>
获取标签建议还是用ID来获取,简单方便
用getElementById("tbeTarget")可获取table
用getElementById("tips2")可获取到tips2
有ID的话,getElementById("tbeTarget")tips2也能得到你要的 tips2
特殊情况实在不能用ID时,也可用getElementsByTagName
var o=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的
像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了
实在要用getElementByClassName的话,
var o=documentgetElementByClassName("tbeTarget");
var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以
for(var i=0;i<otlength;i++){
if(ot[i]class=="tips2"){
alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了
}
}
首先，只能取出inline的JS内容，如果脚本是通过 src 加载进来的，这个是没办法取出的。
对于 inline 的 JS 内容，高端浏览器使用 textContent ，IE6/7/8 使用 innerText。下面是例子：
<script id="s1">alert(1);</script>
下面是JS代码：
var script = documentgetElementById( 's1' );
var text = scripttextContent || scriptinnerText;
consolelog( text ); // output alert(1);
以上就是关于html JS中如何获取某ID下的某个标签的某个属性值全部的内容，包括:html JS中如何获取某ID下的某个标签的某个属性值、如何用JS获取form表单中的标签、【JS】js如何获取a标签中的内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）