动态的创建标记（document.write和innerHTML的使用）

最新推荐文章于 2022-07-09 15:29:24 发布

_panda_

最新推荐文章于 2022-07-09 15:29:24 发布

阅读量586

点赞数

分类专栏：《javascriptDOM编程艺术》

本文链接：https://blog.csdn.net/qq_18832439/article/details/50830272

版权

《javascriptDOM编程艺术》专栏收录该内容

6 篇文章 0 订阅

订阅专栏

传统方法的实现；
- 这是document.write和innerHTML添加标记
  -例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Test</title>
</head>
<body>
  <script type="text/javascript">
    document.write("<p>This is inserted.</p>");
  </script>
</body>
</html>

串接的：

<script type="text/javascript">
    insertParagraph("This is inserted.");
  </script>
  //引入
function insertParagraph(text) {
  var str = "<p>";
  str += text;
  str += "</p>";
  document.write(str);
}
//等同于document.write("<p>This is inserted.</p>");