JavaScript中如何用append方法插入一个元素？

发布网友 发布时间：2022-04-22 12:53

我来回答

共5个回答

热心网友 时间：2023-11-05 07:51

<script>
window.onload=function(){
var btn=document.createElement("button");
btn.innerHTML="btn";
document.body.appendChild(btn);
}
</script>
或者
<script>
window.onload=function(){
document.body.innerHTML+="<button>btn</button>";
}
</script>

热心网友 时间：2023-11-05 07:51

你想用append插入元素首先得创建啊
像这样：
var txt = document.createElement('span')
document.querySelector('.right').appendChild(txt)
不然就直接用innerHTML

热心网友 时间：2023-11-05 07:52

创建对象： let btn = document.createElement("button");//创建一个对象（标签）命名为btn
btn.innerHTML="btn"; //设置button的内容为btn

button元素显示的文本也可以用value属性表示
btn.value='btn'
在添加就好了!!

热心网友 时间：2023-11-05 07:52

1.将传回的字符串转成dom对象

function _htmlToElement(html) {
var template = document.createElement('template');
html = html.trim();
template[removed] = html;
return template.content.children;
}

2.遍历dom对象处理需要特殊处理的节点替换成指定的组件

function _styleConfiguration(elems) {
...
return children;
}
3.配置样式，返回的字符串转换成dom之后需要配置设计给定的样式，这个根据设计样式自行处理

a{}
h1,h2,h3,h4{}
p{}
...

4.引入使用

热心网友 时间：2023-11-05 07:53

要插入html是用这个innerHTML