前端开发者| 前端开发常见面试题 |
| 前端开发面试笔试题 |
| 前端开发面试怎么自我介绍 |
element.insertAdjacentHTML(position, text);
beforeBegin：在该元素前插入
afterBegin：在该元素第一个子元素前插入
beforeEnd：在该元素最后一个子元素后面插入
afterEnd：在该元素后插入
html 代码
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<title>Title</title>
</head>
<body>
<div>
<p class=”text”>我是文本</p>
<input id=”beforeBegin” type=”button” value=”beforeBegin” />
<input id=”afterBegin” type=”button” value=”afterBegin” />
<input id=”beforeEnd” type=”button” value=”beforeEnd” />
<input id=”afterEnd” type=”button” value=”afterEnd” />
</div>
</body>
<script>
var a = document.querySelector(‘#beforeBegin’)
var b = document.querySelector(‘#afterBegin’)
var c = document.querySelector(‘#beforeEnd’)
var d = document.querySelector(‘#afterEnd’)
var oText = document.querySelector(‘.text’)
a.onclick = function() {
oText.insertAdjacentHTML(
‘beforeBegin’,
‘<p>beforeBegin：在对象之前；jquery的before()<p/>’,
)
}
b.onclick = function() {
oText.insertAdjacentHTML(
‘afterBegin’,
‘<p>afterBegin：在对象内容之前；jquery的prepend()<p/>’,
)
}
c.onclick = function() {
oText.insertAdjacentHTML(
‘beforeEnd’,
‘<p>beforeEnd：在对象内容之后； 相当于jquery的append()<p/>’,
)
}
d.onclick = function() {
oText.insertAdjacentHTML(
‘afterEnd’,
‘<p>afterEnd：在对象之后； 相当也jquery 的after()<p/>’,
)
}
</script>
</html>
| 大华前端开发面试题 |
| 腾讯前端开发面试题 |
| js前端开发面试题 |
970106_lzh 2年前 (2021-01-08)说：
huihui 3年前 (2020-10-20)说：
Satisfy 3年前 (2020-06-05)说：
评论前必须登录！
注册