javascript如何生成HTML标签

javascript如何生成HTML标签,第1张

生成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。

其他的属性可以直接通过。

对象.属性名=‘值’。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6300862.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-20
下一篇 2023-03-20

发表评论

登录后才能评论

评论列表(0条)

保存