打印document对象的属性和方法

忘是亡心i 2022-06-12 22:11 255阅读 0赞

#### 注意： ####

表格td中的内容超出时应使其隐藏。  
见：[http://blog.csdn.net/GreyBearChao/article/details/73500365][http_blog.csdn.net_GreyBearChao_article_details_73500365]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script> onload = function () { function createTag(tag){ return document.createElement(tag); } var table = createTag("table"); for (var k in document){ var tr = createTag("tr"); var arr = []; arr[0] = k; arr[1] = typeof(document[k]); arr[2] = document[k]; for (var i = 0; i < arr.length; i++ ) { var td = createTag("td"); var text = document.createTextNode(arr[i]); td.appendChild(text); td.height = "20px"; td.style.overflow = "hidden"; //文本超出时隐藏 td.style.whiteSpace = "nowrap"; //规定表格单元格中的内容不换行。 tr.appendChild(td); } table.appendChild(tr); } table.setAttribute("border","1px"); table.setAttribute("cellSpacing","0"); table.setAttribute("borderColor","skyBlue"); table.style.tableLayout = "fixed"; //固定布局使水平布局与单元格的内容无关 table.style.fontFamily = "微软雅黑"; table.width = "1200px"; table.align = "center"; document.body.appendChild(table); document.getElementsByTagName("td")[0].width = "36%"; document.getElementsByTagName("td")[1].width = "10%"; }; </script>
    </head>
    <body>
    </body>
    </html>

#### 部分截图： ####

![这里写图片描述][SouthEast]

[http_blog.csdn.net_GreyBearChao_article_details_73500365]: http://blog.csdn.net/GreyBearChao/article/details/73500365
[SouthEast]: /images/20220613/599baa60f50a4e468e8c5874d11eec35.png

发表评论取消回复

表情：

评论列表（有 0 条评论，255人围观）

还没有评论，来说两句吧...

相关阅读

相关 Document 对象属性和方法的不兼容问题

. **.bind不兼容的问题** bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bin...

缺乏、安全感/ 2024年04月18日 18:56/ 0 赞/ 75 阅读

相关常见的js document 属性与方法

对象属性: document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fg

ゝ一世哀愁。/ 2024年04月03日 10:16/ 0 赞/ 75 阅读

相关 document获取对象三方法

Document对象中有几个常用的方法，我们在[Dom简介][Dom]中提到过。说到获取javascript对象的方法，最常用的可能就是getEleme

叁歲伎倆/ 2022年08月07日 02:40/ 0 赞/ 212 阅读

相关 window对象的属性和方法

Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，

矫情吗；*/ 2022年07月21日 00:15/ 0 赞/ 230 阅读

相关 js基础之DOM中document对象的常用属性方法

\-----引入每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

Bertha 。/ 2022年06月17日 14:20/ 0 赞/ 202 阅读

相关打印document对象的属性和方法

注意：表格td中的内容超出时应使其隐藏。见：[http://blog.csdn.net/GreyBearChao/article/details/73500365

忘是亡心i/ 2022年06月12日 22:11/ 0 赞/ 256 阅读

相关 XMLDOM对象方法：Document对象方法

<table> <tbody> <tr> <td colspan="4"><font>abort<b> 方法</b></font> </td> </tr

桃扇骨/ 2021年11月11日 23:12/ 0 赞/ 380 阅读

相关 XMLHttpRequest对象的属性和方法

XMLHttpRequest对象的属性: （1）readyState属性该属性代表请求的状态,当XMLHttpRequest对象把一个HTTp请求发送到服务器端时,会经历

冷不防/ 2021年10月06日 13:10/ 0 赞/ 804 阅读

相关 mongo document文档对象方法

document文档方法增删改时,回调函数中返回的文档对象就是Model的实例,即Model中的方法,文档对象都能.使用创建一个文

比眉伴天荒/ 2021年07月24日 14:17/ 0 赞/ 578 阅读

相关详解Js中Document对象的方法和属性

详解Js中Document对象的方法和属性 Document对象的方法和属性 document.writeln() 等同于 write() 方法，不同的是在每个表达式之后...

红太狼/ 2020年06月06日 18:33/ 0 赞/ 849 阅读