DOM之Body对象

Body 对象代表文档的主体 (HTML body)

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script language="javascript">
        function dealclick() {
            if (b1.innerText == "+") {
                list1.style.display = "block";
                b1.innerText = "-";
            } else {
                list1.style.display = "none";
                b1.innerText = "+";
            }

        }
    </script>
</head>
<body>
    <span id="b1" style="border:thin ridge;cursor:hand"
        onclick="dealclick()">-</span>list1<br>
    <ul id="list1">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
    list2
</body>
</html>

      点击list1后                                             

时间: 2024-10-08 08:25:36

DOM之Body对象的相关文章

DOM Style样式对象的详细用法

DOM Style样式对象的详细用法 HTML Style样式比较复杂,相应访问.修改方法也有所差异.参考相关资料,整理如下. 典型Html文件如下,有三种定义方式. <head>     <style type="text/css">                /* 内部样式 */       h3 {color:green;}     </style>             <!-- 外部样式 style.css -->    

javascript知识点之DOM与window对象

在学习javascript过程中只是一知半解好多,碰到自己不知道属性方法,到最后都不知道自己学到了什么 js代码为什么这样写 为什么你知道这方法或属性可以这样用. DOM和window对象 DOM基本操作: 获得节点: document:通过元素ID获取节点,标签,name属性 节点指针:获取元素首个子节点,最后一个,子节点列表,兄弟节点的前一个后一个,节点的父节点 节点操作: 创建节点:创建元素节点,属性节点,文本节点 插入节点:节点的子节点添加新的子节点  已有节点前插入新子节点 替换节点:

{点点滴滴}DOM的Form对象

DOM的Form对象 作者:maybelle0049 Form对象的主要功能就是能够直接访问HTML文档中的Form表单.一个web页面可以有一个或多个Form表单,使用document.forms数组对象可以访问到各个Form表单.可以将<form>标签中嵌入的表单字段元素的名称作为一个form对象的属性,来引用表示这个表单字段字段元素的对象. form对象的方法 ◆ submit方法:该方法是form对象的专用方法,用于向服务器递交表单数据,模拟用户单击<input type=sub

DOM中document对象的常用属性方法总结

提要: 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 1.常见对象属性 document.title                 //设置文档标题等价于HTML的<title>标签document.bgColor               //设置页面背景色document.fgColor               //设置前景色(文本颜色)document.linkColor    

DOM 的事件对象(event)

在触发 DOM 上的某个事件时,会产生一个事件对象 event,这个对象中包含着所有与事件有关的 信息. event 事件对象的属性和方法 链接的默认行为就是在 被单击时会导航到其 href 特性指定的 URL.如果你想阻止链接导航这一默认行为,那么通过链接的 onclick 事件处理程序可以取消它 var link = document.getElementById("myLink"); link.onclick = function(event){ event.preventDef

(13)JavaScript之[HTML DOM元素][JS对象]

元素 1 /** 2 * HTML DOM 元素(节点)*/ 3 4 //创建新的HTML元素 5 var para = document.createElement('p'); 6 var node = document.createTextNode('这是一个新段落'); 7 para.appendChild(node); 8 9 var box = document.getElementById('box'); 10 box.appendChild(para); 11 12 //删除已有的

javascript之DOM(二Document对象)

javascript通过Document类型来表示文档.在浏览器中document是HTMLDocument对象(继承自Document)的一个实例,表示整个html页面.而且在浏览器中document对象还是window对象的一个属性,因此可以作为全局属性来用 Document节点具有下列特征: nodeType=9 nodeName="#document" nodeValue=null parentNode=null ownerDocument=null 其子节点可以使Docume

DOM、Window对象操作

一.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 一.基本语法: 数据类型(字符串,小数,整数,布尔,时间) var, var s = "3.14"; var n = parseFloat(s); ; s += 5; var d = parseInt(s); isNaN(字符串):判断是否是数字模样的字符串:是-false: 不是-true 运算符:四大类 表达式: function Show() { } 语

jQuery基础学习2——DOM和jQuery对象

1 <body> 2 <h3>例子</h3> 3 <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> 4 <ul> 5 <li id="apple">苹果</li> 6 <li>橘子</li> 7 <li>菠萝</li> 8 </ul> 9 </body> 可以通过JavaScr

报表软件JS开发引用HTML DOM的windows对象

HTML DOM是W3C标准(是HTML文档对象模型的英文缩写,Document Object Model for HTML). HTML DOM定义了用于HTML的一些列标准的对象,以及访问和处理HTML文档的标准方法. 通过DOM,可以访问所有的HTML元素,连同他们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. 在JavaScript中可以访问并处理所有的HTML DOM对象(windows对象.location对象.document对象),动态地修改网页.