js用什么方法获取html标签

新建一个html文件 , 定名为test.html , 用于讲解js用什么方式获取html标签 。

js用什么方法获取html标签

文章插图

2在test.html文件内 , 建立一个div模块 , 并设置其id属性为mydiv , 用于下面利用js获得标签对象 。

js用什么方法获取html标签

文章插图

3在test.html文件内 , 在div标签内 , 填写一段文字 , 并插手一个span标签 。

js用什么方法获取html标签

文章插图

4在test.html文件内 , 建立一个button按钮 , 按钮名称为“获取html” 。

js用什么方法获取html标签

文章插图

5【js用什么方法获取html标签】给button绑定onclick点击事务 , 当按钮被点击时 , 执行myfun()函数 。

js用什么方法获取html标签

文章插图

6在test.html文件内 , 在js标签内 , 建立myfun函数 , 在函数内 , 利用getElementById方式获得div对象 , 经由过程innerHMTL属性获得div内的html内容 , 最后 , 利用alert方式将获得的html内容以弹窗形式显示出来 。

js用什么方法获取html标签

文章插图

7在浏览器打开test.html文件 , 点击按钮 , 查看获得的html内容 。

js用什么方法获取html标签

文章插图

js用什么方法获取html标签

文章插图

以上内容就是js用什么方法获取html标签的内容啦 , 希望对你有所帮助哦!

    推荐阅读