继续使用Javascript新建样式

最新推荐文章于 2021-09-29 12:10:02 发布

annter_jser

最新推荐文章于 2021-09-29 12:10:02 发布

阅读量239

点赞数

分类专栏： javascript 文章标签： javascript 回顾

本文链接：https://blog.csdn.net/JSer_Dick/article/details/52430294

版权

javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

上一节我们讲到了如何新建一个input元素，并且给它添加type，代码回顾如下：

    var NewAInput = document.createElement("input");
    //添加

既然如此，那么先新建一个类型，这个类型是css样式：

    var NewLink = document.createElement("link");
    NewLink.type= "text/css";
    NewLink.id= "mylink";   
    var getHead = document.getElementsTagName("head");`
    getHead = appendChild("NewLink");

当然按照同样的逻辑，也可以创建同样的动态脚本，但是觉着没有什么鬼用.

    var NewScript = document.createElement("script");
    script.type = "text/javascript";
    var NewText = document.createTextNode("function sayHi(alert("Hi");)sayHi()");
    NewScript.appendChild(NewText);
    //这就创建完成了一个动态脚本.

此时，我们要马不停碲地开始做一个表格，例如<tr>和<td>
不过先要回顾一下table标签的元素属性.

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <table border="1">
        <tr>
            <td>
                row1,list1
            </td>
            <td>
                ro1,list2
            </td>
        </tr>
        <tr>
            <td>
                row2,list1
            </td>
            <td>
            row2,list2
            </td>
        </tr>
    </table>
</body>
</html>

     var CreateTable = document.createElement("table");
         CreateTable.boder = 1;//边框设为1的宽度，
    CreateTable.width = 100%; //百分百的高

由于新建一个表格实在是太多代码，不如用html来的多。

The End

annter_jser

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
继续使用Javascript新建样式

上一节我们讲到了如何新建一个input元素，并且给它添加type，代码回顾如下： var NewAInput = document.createElement("input"); //添加既然如此，那么先新建一个类型，这个类型是css样式： var NewLink = document.createElement("link"); NewLink.type= "text/
复制链接

扫一扫