JavaScript中如何用append方法插入一个元素？
这是我写的<html><body></body><script>window.onload=function(){varbtn="<button>btn</button>...
这是我写的<html><body></body><script>window.onload = function(){ var btn = "<button>btn</button>"; document.body.append(btn);}</script></html>本来是想插入一个按钮，结果却插入了一串文本，效果如图，这个应该怎么改呀？求解------------------以下为修改内容-------------------------------------------原谅我不能换行，我把代码和效果都截图上传了。纯JS代码，不是jQuery。求大神解答
展开
展开全部
<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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你想用append插入元素首先得创建啊
像这样：
var txt = document.createElement('span')
document.querySelector('.right').appendChild(txt)
不然就直接用innerHTML
像这样：
var txt = document.createElement('span')
document.querySelector('.right').appendChild(txt)
不然就直接用innerHTML
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
创建对象： let btn = document.createElement("button");//创建一个对象（标签）命名为btn
btn.innerHTML="btn"; //设置button的内容为btn
button元素显示的文本也可以用value属性表示
btn.value='btn'
在添加就好了!!
btn.innerHTML="btn"; //设置button的内容为btn
button元素显示的文本也可以用value属性表示
btn.value='btn'
在添加就好了!!
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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.引入使用
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.引入使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
要插入html是用这个innerHTML
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
