- <html>
- <head>
- <title>Javascript Create Span Using Document CreateElement Dynamically</title>
- <style type="text/css">
- .dynamicSpan {
- font-size: 11px;
- font-family: verdana;
- color: Orange;
- }
- </style>
- <script type="text/javascript" language="javascript">
- <![CDATA[
- function createSpan() {
- var spanTag = document.createElement("span");
- spanTag.id = "span1";
- spanTag.className = "dynamicSpan";
- spanTag.innerHTML = "<b>HTML Span tag</b> "
- + "created by using "
- + "Javascript DOM dynamically.";
- document.body.appendChild(spanTag);
- }
- ]]>
- </script>
- </head>
- <body>
- <center>
- <b>Click this button to create Span Tag dynamically:</b>
- <input id="btn1"
- type="button"
- value="create span"
- onclick="createSpan();" />
- </center>
- <br />
- </body>
- </html>
js生成span
最新推荐文章于 2021-08-04 11:11:54 发布