如何使用js动态生成html代码

如何使用js动态生成html代码,第1张

所谓动态生成html代码就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容,需要用JavaScript代码来实现。动态生成是一种很常见常用的方法。

用innerHTML写入html代码:

<div id="zd"></div>

‘即为向id为zd的标签写入内容

<script>document.getElementById("zd").innerHTML="这里即为要写入的代码"</script>

说明:

innerHTML:向对象插入内容。

JS对于权重一般的网站来说影响是很大的。

因为JS对搜索引擎是不友好的,搜索引擎的蜘蛛是抓取不到JS里面的内容,除了JS,flash也是同样的。

建议JS生成的效果用div+css完全可以取代JS,如果非用不可,就将JS代码写在另一个文件中来调用。

交换友情链接的时候要小心,如果对方在你的友情链接html标签中加了no follow标签,那么他网站上的权重是传不过来的。

获得JS生成后的HTML代码,首先需要要获取的是那一段代码,然后在通过innerHTML这个JS的方法来调用,然后在输出这段方法就行了;

代码:

<html>

<head></head>

<script>

var oDiv = document.getElementById('div1')

alert(oDiv.innerHTML)

</script>

<body>

<div id='div1'>

<p>会被获取的</p>

</div>

/body>

</html>

这样就能获取到JS生成后的html代码。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/645815.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存