js 中加入html代码

最新推荐文章于 2024-07-31 11:05:25 发布

weixin_34270865

最新推荐文章于 2024-07-31 11:05:25 发布

阅读量295

点赞数

文章标签： python

原文链接：https://my.oschina.net/zhxwang/blog/115860

版权

2019独角兽企业重金招聘Python工程师标准>>>

在编程时候有时候会遇到在js中加入html代码的问题，今天自己遇到了这样的问题，写了一个测试demo代码如下：

<html>
<head>
<script>

var d='用来测试';
function Test(){ var insertText = "<fieldset class=fieldstyle><legend>叠加信息操作</legend><table><button οnclick='alert(d)'>Test</button><button οnclick='alert(d)'>Test</button><button οnclick='Test3()'>Test</button></table></fieldset>";
document.getElementById("Test").innerHTML = insertText; }

function Test2(){
var div = document.createElement("div");
div.innerHTML = "<b>zswang路过</b>";
document.body.appendChild(div);
}

function Test3(){
document.write('<button οnclick="Test();">回不去了</button>');
}
</script>
</head>
<body>
<button οnclick="Test()">Test</button>
<button οnclick="Test2()">Test2</button>
<button οnclick="Test3()">Test3</button>
<div id="Test"></div>
</body>
</html>

粘贴可直接测试使用

转载于:https://my.oschina.net/zhxwang/blog/115860