<input type="text" name="" id="" value="请输入名字">
<div>呵呵<strong>哈哈哈</strong>嘿嘿</div>
<script>
// 获取dom元素
var input = document.querySelector('input')
var div = document.querySelector('div')
// 修改内容
input.name = '张三'
input.value = '名字'
input.id = '999'
console.log(input.name);
// 纯文本不能解析
div.innerText = '嘻嘻<i>啦啦</i>丁丁'
console.log(div.innerText);
// 超文本可以解析
div.innerHTML = '嘻嘻<i>啦啦</i>丁丁'
console.log(div.innerHTML);
</script>
此博客展示了使用JavaScript操作HTML元素的示例。通过document.querySelector方法获取input和div元素,对input元素的name、value和id属性进行修改,还演示了使用innerText和innerHTML修改div元素内容,前者为纯文本,后者可解析超文本。
510

被折叠的 条评论
为什么被折叠?



