1、新建一个html文件,命名为test.html,在test.html文件内,在div标签内,使用辩唤p标签创建多行文字。
2、在test.html文件内,设置指定标签的id属性,例如,这里设置第二个p标签的id为testpp,主要用于下面通过该id获得p对象。
3、在test.html文件内,使用button标签创建一个按钮,按钮名称为“去掉指定标签内容”。
4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行clearcon()函数。
5、在js标签中,创建clearcon()函数,在函数内,使用getElementById()方法通过id(testpp)获得标签对象,将其innerHTML属性设置为空,便可实现删除标签的携桐凯内容。
6、在浏览器轮饥打开test.html文件,点击按钮,查看实现的效果。
可以。由原生js实现删除 *** 作的流程是:
1、在template模板的删除标签中,添加一个自定义属性,属性的值和数据的id绑定晌誉芹。
2、在点击时,根据BOM *** 作的鼠标事件,通宴毕过etarget获取到当前元素,然后虚歼再读取其绑定的自定义属性值。
3、由自定义属性值锁定到当前DOM标签的索引号。
4、根据索引号删除被选中的标签。
建议使用jq,只要引入一个jq文件就行,答颂jq的 *** 作比原生js更灵活慧举仔。引入js后
属性名:<input type="text" id="name" />
属性值:<input type="text" id="value" />
指定标签:<div>前汪这里是指定标签</div>
<a href="#" onclick="alter()return false">获取</a>
<script>
function alter(){
var nema = $("#name").val() // 获得的要添加的属性名
var value = $("#value").val() // 获得的要添加的属性值
$("#inp").attr(nema, value )
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)