
思路:通过id可以获取到<div>对象,通过getAttribute()和innerHTML分别可以获取<div>对象的自定义属性和文本内容。下面实例演示获取<div>标签的自定义属性user_id:
1、HTML结构
<div id="test" user_id="test_id">id="test" user_id="test_id"</div><br/><input type='button' value='获取div的自定义属性' onclick="fun()"/>
2、javascript代码
function fun(){obj = documentgetElementById("test");
alert(objgetAttribute("user_id"))
}
3、点击按钮后效果
1、首先打开vs code编辑器,然后创建一个html页面。
2、创建一个input的标签,添加一个id,命名为“txt”,值为“你好”。
3、添加script标签,然后写入相关的js代码,如下图。
4、代码写完之后在空白处点击右键,选择Open In Default Broswer。
5、可以看到,浏览器自动d出了input里面的值,这证明我们通过id属性已经成功获取到了input的值。
给你的取个id如:<a id="a1" href="#">aaaa</a>(注意:id在同一页面上最好别有重复的,就跟身份z号一样,任何标签的最好都别重复)然后通过id定位到该a标签:var myA = documentgetElementById("a1")或者documentalla1;最后就可以读取了:myAinnerHTML或者myAinnerText(前者是读取前后a标签内的所有HTML代码,后者是仅读取前后a标签内的文本值)如:<a><b>aaaa</b></a> innerHTML就能获取到<b>aaaa</b>,而innerText只能获取到aaaa 还要注意以上代码中的大小写,JS是严格区分的 仅供参考
这个标签本身就没有value这个属性,你的value只是你自己定义的属性,因此你要有自定义属性的方式去获取,
js方法
documentgetElementById('station')getAttribute('value')jq方法
$('#station')attr('value')用JS获取Html标签属性有两种方法: 如Web开发 JS代码: var ka=documentgetElementByI d("link"); alert(kagetAttribute("id")); alert(kaid); 两种方法都能d出a标签的ID属性,但从各浏览器兼容上来说用kaid的方式更好,但对于自定义属性bl
以上就是关于用js如何取到div中的值全部的内容,包括:用js如何取到div中的值、如何让js获取多个input的value的值、js如何取A标签中的是值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)