【javascript】动态创建标记

最新推荐文章于 2023-01-23 11:32:12 发布

荔枝之之

最新推荐文章于 2023-01-23 11:32:12 发布

阅读量186

点赞数

分类专栏：前端学习文章标签：前端 dom javascript

本文链接：https://blog.csdn.net/weixin_44699681/article/details/91987351

版权

一、一些传统方法document.writedocument对象的write()方法可以方便地将字符串插入到文档里。document.write最大的缺点是违背了“行为应该与表现分离”，即使把document.wirte语句挪到外部函数，也还需要在<body>标签使用<script>标签才能使用。外部js文件：function insertP(text){ ...

摘要由CSDN通过智能技术生成

一、一些传统方法

document.write

document对象的write()方法可以方便地将字符串插入到文档里。

document.write最大的缺点是违背了“行为应该与表现分离”，即使把document.wirte语句挪到外部函数，也还需要在<body>标签使用<script>标签才能使用。
外部js文件：

function insertP(text){
   
	var str = "<p>";
	str += text;
	str += "</p>";
	docment.write(str);
}

HTML文档：

<!DOCTYPE html>
<html lang="en">
	<head>
        <meta charset="utf-8" />
        <title>Tese</title>
	</head>
	<body>
        <script src="example.js">
            insertP("This is inserted.");
        </script>
	</body>
</html>

这样的文档还很容易导致验证错误。如，<script>后面的“&lf;p>”很容易被误认为是<p>标签，而在<script>后面打开<p>标签是不合法的。事实上"<p>“和”</p>"只是被插入的字符串的组成部分。
此外，MIME类型application/xhtml+xml与document.write不兼容。
最好避免使用document.write方法。

innerHTML属性

innerHTML属性可以用来读、写某给定元素里的HTML内容。
某HTML文档的部分：

<div id="testdiv">
	<p>T

最低0.47元/天解锁文章

荔枝之之

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【javascript】动态创建标记

一、一些传统方法document.writedocument对象的write()方法可以方便地将字符串插入到文档里。document.write最大的缺点是违背了“行为应该与表现分离”，即使把document.wirte语句挪到外部函数，也还需要在<body>标签使用<script>标签才能使用。外部js文件：function insertP(text){ ...
复制链接

扫一扫