,有的是动态的,特别是在一些网页交互的网页特效里,应用比较多,如何简单的替换元素的内容
01
原生JS实现
在原生js中主要通过DOM提供的属性去修改的,遵循js的一个使用规范,获取元素,绑定事件,操作...{
// get elem
var myDom = document.getElementById("myDom");
myDom.innerHTML = '要修改替换的内容..." v-model="input" clearable>
替换元素...当中,innerHTML是DOM元素对象一个非常重要的属性,可以获取元素整个节点的内容,包括标签元素,表示元素的所有内容,包括子元素,文本等
注意要与innerText区分,innerText只可以获取文本节点内容...,如果仅是修改DOM元素节点文本内容,使用innerText也是可以的
而在vue里面,并不是通过操作DOM去实现的,而是操作数据,通过操作数据实现的,与原生js的使用是有差异的