在指定元素的开头之前插入 HTML 字符串_IT百科

使用位置为 beforebeagin 的 Element.insertAdjacentHTML() 解析 htmlString 并将其插入 el 开始之前。

在 ele 元素之后插入 refEle 元素：

在 ele 元素之前插入 refEle 元素：

常见的三种，一种是标签内联的书写方式，不推荐使用

另外两种都是相对比较常用的，具体看代码吧

方法1：标签内联的书写方式

<div onclick="alert('点击此处d窗')">HTML5学堂 - - 数百篇原创文章分享 </div>

方法2和方法3：

<div id="con">通过id获取标签，之后为标签绑定事件</div>

var con = document.getElementById('con')

con.onmouseover = function(){

alert('鼠标移入d出这个')

}

con.addEventListener('mouseout', function(){

alert('鼠标移出d出这个')

}, false)

</script>

第一步，创建静态页面vhtml.html，并引入vue.js文件

第二步，在<body></body>元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令第三步，绑定v-html指令数据，这里设置为字符串

第四步，Vue.js库的v-html指令是插入html元素，修改datas为包含<p></p>标签

第五步，预览该静态页面，这时会看到页面显示为“v-html指令”

第六步，将调试打开，这时发现<div></div>中有个<p></p>标签

欢迎分享，转载请注明来源：内存溢出

在指定元素的开头之前插入 HTML 字符串