第一种方法：输出html
1、<body onload="s()">
2、<span id="hello"></span>
3、<script language="javascript">4、function s()
5、{document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300></iframe>"}
6、</script>第二种方法：输出文本
1、<body onload="s()">
2、<span id="hello"></span>
3、<script language="javascript">4、function s()
5、{document.getElementById("hello").innerText = "hello world"}
6、</script>在页面加载完成后通过jquery给多个span赋值
扩展资料
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
参考资料：百度百科-javascript
当我们在写jsp页面时，往往会遇到这种情况：从后台获取的数据个数不确定，此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签：1.创建某个标签：如下在body中创建一个div的事例；
<script>
function
fun(){
var
frameDiv
=
document.createElement("div")//创建一个标签
var
bodyFa
=
document.getElementById("bodyid")//通过id号获取frameDiv
的父类（也就是上一级的节点）
bodyFa
.appendChild(frameDiv)//把创建的节点frameDiv
添加到父类body
中；
}
<script>
<body
id="bodyid"
>
<!--在此添加div标签-->
</body>
2.添加属性：给创建的标签添加相应的属性：
frameDiv
.setAttribute("id",
"divid")//给创建的div设置id值；
frameDiv
.className="divclass"
//给创建的div设置class；
//给某个标签添加显示的值；
var
h
=
document.createElement("h1")
h.innerHTML
=
data[i].name
var
p
=
document.createElement("p")
p.innerHTML
=
"要显示的值"
3.创建的标签添加事件：
a.不带参数：
frameDiv.onmousedown
=
fun//ps：函数名fun后面一定不能带括号，否则会在创建标签的时候执行函数，
而不是鼠标按下时执行；
b.有参数：
frameDiv.onmousedown
=
function(){
fun(this)
}
c.要调用的函数；
function
fun(){
alert("鼠标按下")
}
4.如果担心创建的标签没有被覆盖则可以替换：
var
divFlag
=
document.getElementById("divFlag")
var
divMain
=
document.createElement("div")
if(divFlag
!=
null){
body.replaceChild(divMain,
divFlag)//把原来的替换掉
}
divMain.setAttribute("id",
"divFlag")
以上这篇通过js动态创建标签,并设置属性方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:JS实现给对象动态添加属性的方法JS中动态创建元素的三种方法总结(推荐)js动态创建标签示例代码使用变量动态设置js的属性名
用setAttribute方法就可以了，如：document.getElementById('d','123456')如果是动态添加标签的话：
var parent = document.getElementById(obj)//添加 div
var div = document.createElement("div")
//设置 div 属性，如 id
div.setAttribute("id", "newDiv")
div.innerHTML = "js 动态添加div"
parent.appendChild(div)
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）