生成HTML标签,这个一般常用有两种方式:
1,直接给父级的内容添加标签
<body><div id='div'></div>
</body>
<script>
var oDiv = document.getElementById('div')
oDiv.innerHTML = '<span>11112222</span>'
</sciprt>
2,用js自带的createElement创建标签。
<body><div id='div'></div>
</body>
<script>
var oDiv = document.getElementById('div')
var oSpan = document.createElement('span')
oDiv.appendChild(oSpan)
</sciprt>
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head> <body>
<script type="text/javascript">
var tab ='<table>'
for ( var i = 2 i <= 5 i++ ) {
var j = i
tab += '<tr><td>' + i + '<\/td><td>' + ( j*j ) + '<\/td><td>' + ( j*j*j) + '<\/td><\/tr>'
}
tab += '<\/table>'
document.write( tab )
</script>
</body>
</html>
这个是输出表格的
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
var a = prompt('请输入第一个数字:', 0 ), b = prompt('请输入第二个数字:', 0 ), c = prompt('请输入第三个数字:', 0 ), d = Math.max( a, b ), e = Math.max( c, d )
alert('您输入的最大的数是:' + e )
</script>
</body>
</html>
这个是求最大数的
javascript添加html标签如下:
一、直接给javascript内容添加标签
<body>
<div id='div'></div>
</body>
<script>
var oDiv = document.getElementById('div')。
oDiv.innerHTML = '<span>11112222</span>'。
</sciprt>
二、,用javascript自带的createElement添加标签
<body> <div id='div'></div> </body> <script> var oDiv = document.getElementById('div') var oSpan = document.createElement('span') oDiv.appendChild(oSpan) </sciprt>三、注意事项
其他属性也一样 ,只不过class是js中的关键字。
对象名.class就是语法错误所以改名为className。
其他的属性可以直接通过。
对象.属性名=‘值’。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)