使用JS的document.getElementById("ID").innerHTML获取标签内容。修改的只需在后面加上"="即可。
实例演示如下:
一、HTML的DOM设计。
1、设计两个DIV,其中第一个div放入入一些文字。
2、设计css样式如下,为了区分明显,加了border。
3、此时的页面展示如下:
二、函数功能的设计和绑定。
1、设计函数,实现赋值和删除的功能。
2、然后在两个button上分别绑定函数:
三、功能演示。
1、设计完成,点击【复制内容】,此时页面展示如下:(两个div内容已相同)。
2、此时点击【删除内容】,展示如下:内容再次被删除,恢复空白。
扩展资料:
HTML DOM innerHTML 属性:
1、定义和用法:innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
2、语法:tablerowObject.innerHTML=HTML。
思路:先获取div对象,然后用innerHTML属性设置内容。当div用id属性标识时,可以直接用document.getElementById()获取;当div是用其他属性(如name,class)标识,就需要使用document.getElementsByTagName()获取对象,然后循环判断属性进行筛选。
下面实例演示根据div的class设置div的内容:
1、HTML结构
<div class="test"></div><input type="text" id="test"/><input type='button' value='发送' onclick="fun()"/>
2、javascript代码
function fun(){var str = document.getElementById("test").value
var divs = document.getElementsByTagName("div")
for(i=0i<divs.lengthi++){
if(divs[i].className == "test"){
divs[i].innerHTML += "" +str
}
}
}
1、首先打开hbuilder软件新建一个html文件,在html页面上创建一个点击的button按钮:
2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着使用innerHTML对新建的div设置内容,最后把div放到body显示:
3、在html里为button按钮添加宇哥点击创建div的事件,完成之后代码就写好了,接下来需要看看效果:
4、保存好html文件后使用浏览器打开,此时还没有创建div:
5、最后点击button按钮,会执行脚本创建div的事件,新的div就创建好了,顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)