Java学习12

妖狐艹你老母 2021-11-17 01:10 221阅读 0赞

一。根据各个元素的节点关系。定位元素位置

parentNode返回当前节点的父节点

previousSibling返回当前节点的前一个兄弟节点

nextSibling返回当前节点的后一个兄弟节点

childNodes返回当前节点的所有子节点

firstChild返回当前节点的第一个子节点

lastChild返回当前节点的最后一个子节点

getElementsByTagName(tagName)返回当前节点的具有指定标签名的所有子节点

二、列表框和下拉框

length返回列表框、下拉菜单的选项个数

options返回列表框、下拉菜单里所有选项组成的数组

selectedIndex返回下拉列表中选中选项的索引

options\[index\]：

text返回该选项呈现的文本

value返回该选项的value属性值

三、表格元素

caption返回表格的标题对象

rows返回该表格行

cells返回该表格列

四、DOM的增删改

appendChild(newNode) 将newNode添加成当前节点的最后一个子节点

insertBefore(newNode,refNode)将refNode节点之前插入newNode节点

replaceChild(newNode,oldNode)将oldNode节点替换成newNode节点

removeChild(oldNode)将oldNode子节点删除

代码

var z6=document.getElementById("n4");

function method(a)\{

alert(a.innerHTML);

function getlength()\{

/\*获取赵六所在元素的父节点\*/

/\*后哦亲父元素所有的子节点\*/

alert(z6.parentNode.getElementsByTagName("li").length)

var formm=document.getElementById("myform");

function get(a)\{

alert(a.value);

function oper()\{

formm.submit();

//获取ID为city的元素下拉菜单

var city=document.getElementById("city");

function get(node)\{

alert(node.text);

var table=document.getElementById("mytable");

function get(node)\{

alert(node.innerHTML);

function updateCell()\{

//获取用户修改第几行，

var row=document.getElementById("row").value;

//获取用户修改第几列

var cell=document.getElementById("cell").value;

//获取用户修改后的课程

var course=document.getElementById("course").value;

//修改

table.rows\[row-1\].cells\[cell-1\].innerHTML=course;

// 插入节点

//function create()\{

创建一个li节点

//var li=document.createElement("li");

//li.innerHTML="张店";

获取ul元素

//var city=document.getElementById("city");

将li元素添加到ul元素上

//city.appendChild(li);

//\}

//插入节点

//function create()\{

//var a=document.createElement("li");

//a.innerHTML="张店";

//var city=document.getElementById("city");

获取要插入位置的元素

//var first=city.firstChild.nextSibling;

插入元素

//city.insertBefore(a,first);

//\}

//function create()\{

//var b=document.createElement("li");

//b.innerHTML="张店";

//var ul=document.getElementById("city");

//var old=ul.lastChild.previousSibling;

//ul.replaceChild(b,old);

//\}

//var count=0

//function copy()\{

获取节点

//var ul=document.getElementById("city");

//count++;

//if(count==1)\{

//var old=ul.lastChild.previousSibling;

复制节点

//var li=old.cloneNode(true);

将li添加到ul中

//ul.appendChild(li);

//\}else\{

//var old=ul.lastChild;

//var li=old.cloneNode(true);

//ul.appendChild(li);

//\}

//删除节点

function del() \{

var ul=document.getElementById("city");

var old=ul.lastChild.previousSibling;

ul.removeChild(old);

//document.getElementById("city").removeChild(document.getElementById("city").lastChild.previousSibling)

function create()\{

//创建一个select标签

var select=document.createElement("select");

select.id="city";

select.size=5;

//循环创建10个option元素，并添加到select元素上

for(var i=1;i<=10;i++)\{

var op=new Option("选项"+i,i);

//添加option元素到select上

select.options\[i\]=op;

//将select添加到body元素上

var body=document.getElementsByTagName("body")\[0\];

body.appendChild(select);

function delone()\{

var city=document.getElementById('city');

if(city.options.length>0)\{

//city.options\[city.options.length-1\]=null;

city.remove(city.options.length-1)

function delall()\{

var city=document.getElementById('city');

city.options.length=0;

lastChild

转载于:https://www.cnblogs.com/axu-xxx/p/11115227.html

Java学习12

发表评论取消回复

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

相关阅读

相关 Java基础学习12--Java 网络编程 API

相关学习Java. 基础 12: break关键字

相关 java学习-12_接口和内部类

相关 java学习（12）

相关 Java学习笔记 12 异常处理

相关 Java学习笔记10_12

相关 Java学习12

相关 Java学习12：Java集合

相关 Java学习练习题12：Java习题及代码12

相关 java学习（12）集合（1）