打印document对象的属性和方法

忘是亡心i 2022-06-12 22:11 234阅读 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 条评论，234人围观）

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

相关阅读

相关 document获取对象三方法

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

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

相关 window对象的属性和方法

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

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

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

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

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

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

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

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

相关 JS Math对象的属性和方法

Math 是 js 内置的对象；先来看看Math 的属性：依次为: Math.E Math.PI Math.LN10 Math.LN2 Math.LOG1

﹏ヽ暗。殇╰゛Y/ 2022年05月27日 10:14/ 0 赞/ 268 阅读

相关解决document.form.submit()对象不支持此属性或方法

很奇怪的问题，呵呵。。被我碰到了。很简单,将页面中名称为"submit"的控件改一下名称就可以了比如: 有一个submit按钮名字叫submit <inpu

缺乏、安全感/ 2022年05月14日 02:42/ 0 赞/ 225 阅读

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

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

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

相关 XMLHttpRequest对象的属性和方法

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

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

相关 mongo document文档对象方法

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

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

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

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

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