javascript如何生成HTML标签
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript如何生成HTML标签相关的知识，希望对你有一定的参考价值。
我要生成一个标签。可以用这样的方法
var div = '<div class="main"></div>'
但是我发现还有这样一种方法。
var div=document.createElement("div");
我想问的是，如果我用下面一种方法，如何将属性值class="main" 放进去？
谢谢。如果有其他属性如何添加？
例如：
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" tabindex="T" title="视频">
<param name="movie" id="PalyFlash" value="url" />
</object>
生成html标签，这个一般常用有两种方式：
1,直接给父级的内容添加标签
<body><div id=\'div\'></div>
</body>
<script>
var oDiv = document.getElementById(\'div\');
oDiv.innerHTML = \'<span>11112222</span>\';
</sciprt>
2,用js自带的createElement创建标签。
<div id=\'div\'></div>
</body>
<script>
var oDiv = document.getElementById(\'div\');
var oSpan = document.createElement(\'span\');
oDiv.appendChild(oSpan);
</sciprt> 参考技术A var d= document.createElement("div");
d.className="main";
补充：
其他属性也一样 只不过class是js中的关键字
对象名.class就是语法错误 所以改名为className
其他的属性可以直接通过
对象.属性名=‘值’本回答被提问者采纳 参考技术B var div=document.createElement("div");
div.className = "main";
//注意js中是"className"，不是class，而在页面中是"class"
//上面的代码生成的html就是 '<div class="main"></div>'
xml标签内的html标签-如何在javascript中访问？
【中文标题】xml标签内的html标签-如何在javascript中访问？【英文标题】：html tags inside xml tags - how access in javascript? 【发布时间】：2011-04-13 16:34:19 【问题描述】：我通过 php 传递我的 xml 数据，其中所有 xml 节点都包含 html 标签
<bccfalna-ad>
<ad-id>99</ad-id>
<ad-title>New Ad</ad-title>
<ad-code><u><b>C Language</b></u></ad-code>
当我在 javascript 中访问此代码时，它可以轻松访问 ad-id 和 ad-title，但它总是为 ad-code 节点打印 null
var edit_ad_id = xmlDoc.getElementsByTagName("ad-id")[0].childNodes[0].nodeValue;
var edit_ad_title = xmlDoc.getElementsByTagName("ad-title")[0].childNodes[0].nodeValue;
var edit_ad_code = xmlDoc.getElementsByTagName("ad-code")[0].childNodes[0].innerHTML;
上面的javascript代码是用来访问的，请帮我用xml节点访问html标签....
【问题讨论】：
我没想到你会需要 childNodes[0] - var edit_ad_code = xmlDoc.getElementsByTagName("ad-code")[0].innerHTML。但是，我认为您不能在 XML 对象上使用 innerHTML，您必须获取所有子节点并遍历它们，重新添加标签。 【参考方案1】：你应该用这样的 CDATA 块来包装你的 xml 节点的竞争：
<ad-code><![CDATA[<u><b>C Language</b></u>]]></ad-code>
【讨论】：
很高兴为您提供帮助。请记住将帮助您的帖子标记为anwser。以上是关于javascript如何生成HTML标签的主要内容，如果未能解决你的问题，请参考以下文章