js——DOM操作(二)

表格属性:

  tHead:表格头

  tBodies:表格正文

  tFoot:表格尾

    rows:行

    cells:列

表单操作:

  <form id="form1">

    <input type="text" id="text1" name="username" value="" />
  </form>

  获取元素,可以通过name来获取,方法是:表单.元素name    即,oForm.username便可获得input元素,浏览器均兼容!

  onchange:当值发生改变的时候触发   text---当光标离开元素的时候再去判断值是否发生了变化,如果发生了变化则触发onchange事件

                    radio/checkbox---标准下点击的时候只要值变了就会触发,非标准下,焦点离开时如果值变了才会触发

  onsubmit:事件  当提交表单的时候触发

    submit:方法

  onreset:事件  当重置的时候触发

时间: 2024-11-02 21:27:11

js——DOM操作(二)的相关文章

JS DOM操作(创建、遍历、获取、操作、删除节点)

创建节点 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic

Js DOM 操作

HTML DOM对标签属性的操作 1.获取属性值 对象.getAttribute("属性名") 对象.属性名 2.设置属性 对象.setAttribute("属性名","属性值") 对象.属性名 = "属性值" 3.删除属性 对象.remove("属性名") 对象.属性 = "" ? 以上操作不包含对class的操作 如果要对class进行操作 那么class需要写成className

JS DOM操作(二) Window.docunment 对象操作

一 对元素的定位 在 js 中可以利用 id.class.name.标签名进行元素的定位 id.class  用在客户端 name  用在服务端 用 id 定位                  --  根据 id 最多只能找一个       var  a  =  document.getElementById( "id 名" )                                             -- 将找到的变了放到变量 a 中 用 class 定位      

JS DOM操作(二) Window.docunment对象——操作属性

属性:是对象的性质与对象之间关系的统称.HTML中标签可以拥有属性,属性为 HTML 元素提供附加信. 属性总是以名称/值对的形式出现,比如:name="value". 属性值始终被包括在引号内.双引号是最常用的,在某些个别的情况下,比如属性值本身就含有双引号,必须使用单引号, 属性总是在 HTML 元素的开始标签中规定. 属性实例 HTML 链接由 <a> 标签定义.链接的地址在 href 属性中指定: < a href="http://www.baidu

JS DOM操作

DOM --文档对象模型(Document Object Model)是表示和处理一个HTML或XML文档的常用方法. 在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM. DOM的设计是以对象管理组织(OMG)的规约为基础的,因此可以用于任何编程语言.. Dom技术使得用户页面可以动态地变化,如可以动态地显示或隐藏一个元素,改变它们的属性,增加一个元素等, Dom技术使得页面的交互性大大地增强. var  v  =  document.getEl

jQuery的dom操作(二)转

addClass() 向匹配的元素添加指定的类名. after() 在匹配的元素之后插入内容. append() 向匹配的元素内部追加内容. appendTo() 向匹配的元素内部追加内容. attr() 设置或返回匹配元素的属性和值. before() 在每个匹配的元素之前插入内容. clone() 创建匹配元素集合的副本. detach() 从 DOM 中移除匹配元素集合. empty() 删除匹配的元素集合中所有的子节点. hasClass() 检查匹配的元素是否拥有指定的类. html(

js——DOM操作(一)

DOM:Document Object Model  文档对象模型 文档:html页面 文档对象:页面中元素 文档对象模型:定义  为了能够让程序(js)去操作页面中的元素 DOM会把文档看作是一棵树,同时定义了很多方法来操作这颗树中的每一个元素(节点) DOM节点 如: getElementById getElementByTagName document document.body ... //*************************************** childNode

js DOM操作练习

1.有如下html,如果用js获得被选中的option的text描述(非value)<select id="select_id">    <option vlue="1">text1</option>    <option vlue="2">text2</option>    <option vlue="3">text3</option>   

jQuery开发之DOM操作二

接上篇文章 3,插入节点 插入节点的方法如下图: 4,删除节点 (1) remove()方法 作用是从DOM中删除所有匹配的元素.示例代码如下: var $li =$("ul li:eq(1)").remove(); //获取第二个<li>节点后,将它从网页中删除. 注意:当某个节点用remove()删除后,该节点包含的所有后代节点将同时被删除.这个方法的返回值是一个指向被删除节点的引用,因此可以在以后继续使用这些元素. (2) detach()方法 detach() 和r