动态html dom.html

来自「介绍了javascript的常用的函数」· HTML 代码 · 共 33 行

HTML

33 行

<html>
    <head>
      <meta http-equiv="content-type" content="text/html; charset=GB2312">
      <title>JavaScript Book--代码6-22</title>
  <script language="JavaScript">
  function addContent(){
  var htmlDoms = new Array(
  "<p>段落</p>",
  "<a href='#'>超链接</a>",
  "<select><option>下拉框</option></select>",
  "<input type='text' value='文本框'>"
  );
  var length = htmlDoms.length-1;
  var selected = Math.round((Math.random() * length));

  var htmlDom = htmlDoms[selected];
  document.getElementById("contents").innerHTML=htmlDom;
  }
    </script>
      <style>div {text-align:center;} #contents
      </style>
    </head>
    <body>
      <div>
        <input type="button" value="随机变化HTML组件" onclick="addContent()">
      </div>
      <p>
        <hr>
      </p>
      <div id="contents">
      </div>
    </body>
  </html>

动态html dom.html - 源码说明

本页面展示了「介绍了javascript的常用的函数」中的动态html dom.html 源码文件，采用 HTML 编程语言编写，共 33 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?