怎么用JS获取HTML标签内的内容

JavaScript025

怎么用JS获取HTML标签内的内容,第1张

1、首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。

2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp标签的text属性即可。

3、最后打开浏览器,可以看到一段文字和一个按钮,点击这个按钮。

4、就可以弹出内容了。

步骤如下:

1、新建文件p,a,input标签。

2、效果如图。

3、创建js脚本定义x获取id=a。

4、输出x里面的内容。

5、js获取id=b的内容。

6、输出b的内容。

7、js获取id=c的内容。

8、输出c的value值。

JS获取label标签的值的方法是:1,如果你的页面只有一个label标签,var a = document.getElementsByTagName("label")[0].innerText\x0d\x0a2,如果页面存在很多的label标签,而且不再一个一个父元素下,那么可以给label标签加一个id,比如,var a = document.getElementById("label_0").innerText\x0d\x0aJS获取DOM元素的方法:getElementById,getElementsByName,getElementsByTagName,getElementsByClassName(此方法不是所有浏览器多支持,不支持的时候自己可以写),querySelectorAll,querySelector\x0d\x0a不管楼主想获取几个label的值,方式都是一样的,还可以获取input的值,不过input的值写法是 var a = document.getElementsByTagName("input")[0].value这里是value而不是innerText