js获取innerText,innerHTML,属性值,value

 时间:2024-10-12 22:37:00

1、第一步在我们的电脑上新建一个html文件,在body里面添加一个id为test的div盒子,盒子里面添加一个id为test2的文本框,以及添加四个含有点击事件的按钮,如下图所示:

js获取innerText,innerHTML,属性值,value

2、第二步我们来写js脚本文件,在js里面写了四个方法,通过document.getEleme艘绒庳焰ntById("test&鳎溻趄酃quot;).innerText;代码获取innerText,document.getElementById("test").innerHTML;获取innerHTML,document.getElementById("test").id获取属性值,document.getElementById("test2").value获取value,如下图所示:

js获取innerText,innerHTML,属性值,value

3、第三步我们在浏览器中打开页面,可以看到一个值为helloworld的文本框和四个带有点击事件的按钮,如下图所示:

js获取innerText,innerHTML,属性值,value

4、第四步我们点击js获取innerHTML按钮,可以看到弹出文本框的代码,其实是将文本框html格式转换成字符串格式显示出来了,如下图所示:

js获取innerText,innerHTML,属性值,value

5、第五步我们点击js获取属性值按钮,可以看到弹出id为test的值,如下图所示:

js获取innerText,innerHTML,属性值,value

6、第六步我们点击js获取value按钮,可以看到弹出文本框的值helloworld,需要注意的是这里js获取的id为test2,另外innerText在一些浏览器中并不支持,如下图所示:

js获取innerText,innerHTML,属性值,value
  • js给div添加多个样式怎么写
  • 使用jquery改变表格中tr的背景色
  • CSS text-shadow 属性怎么使用
  • cisco软件怎么配置ipv6全局单播地址
  • myeclipse版本怎么查看
  • 热门搜索
    母亲节手抄报资料 八一建军节手抄报内容 手抄报端午节 普法教育手抄报 友善手抄报 英语手抄报设计 共筑中国梦手抄报 手抄报图片花边 关于民族团结的手抄报 手抄报花边漂亮边框