怎样用JS获得标签中的值

JavaScript030

怎样用JS获得标签中的值,第1张

用JS获取Html标签属性有两种方法:

如<a id="link" href="www.baidu.com" title="测试"

blogname="前端开发">Web开发</a>

JS代码:

var ka=document.getElementByI d("link")

alert(ka.getAttribute("id"))

alert(ka.id)

两种方法都能弹出a标签的ID属性,但从各浏览器兼容上来说用ka.id的方式更好,但对于自定义属性blogname,则就要用getAttribute()来实现了,如:

alert(ka.getAttribute("blogname"))//前端开发

总结如下:

JS获到Html标签常规属性用ka.id,获到Html标签的自定义属性就用ka.getAttribute("id")

1、JavaScript原生方式,通过value属性取值。var a=document.getElementById("nn").value

2、jquery方法,通过val()方法来获取,代码是  var a = $("#nn").val();

扩展资料:

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。

参考资料:百度百科-getElementById

参考资料:w3school-jQuery 属性操作 - val() 方法

JS获取label标签的值的方法是:1,如果你的页面只有一个label标签,var a = document.getElementsByTagName("label")[0].innerText

2,如果页面存在很多的label标签,而且不再一个一个父元素下,那么可以给label标签加一个id,比如<label id="label_0"></label>,var a = document.getElementById("label_0").innerText

JS获取DOM元素的方法:getElementById,getElementsByName,getElementsByTagName,getElementsByClassName(此方法不是所有浏览器多支持,不支持的时候自己可以写),querySelectorAll,querySelector

不管楼主想获取几个label的值,方式都是一样的,还可以获取input的值,不过input的值写法是 var a = document.getElementsByTagName("input")[0].value这里是value而不是innerText