js操作元素

最新推荐文章于 2024-08-02 23:25:51 发布

yigui2

最新推荐文章于 2024-08-02 23:25:51 发布

阅读量84

点赞数

分类专栏：不是轻省是自我价值的实现文章标签： HTML

本文链接：https://blog.csdn.net/yigui2/article/details/83742895

版权

不是轻省是自我价值的实现专栏收录该内容

4 篇文章 0 订阅

订阅专栏

增加:
var newNode = document.createElement("P");
newNode.innerHTML="<font color="red">加我</font>";
var textNode = document.createTextNode("我是textNode");
newNode.appendChild(newText);
document.body.insertBefore(newNode,oldNode);
oldNode.parentNode.insertBefore(newNode,oldNode);
document.body.appendChild(newNode);
var newTr = myTable.insertRow();
var newTd = newTr.insertCell();
newTd.innerHTML = "<input type='boton'/>";
var array = new Array();
var array = new Array(10);
var array = ['one','two','three','four'];
array.push("five");
array = array.jion("*^&");//默认以,连接

删除:
node.parendNode.removeChild(node);
document.body.removeChild(node);
document.body.removeNode();//这条语句删除body里面的任何元素。
myTable.deleteRow();
myTable.deleteCaption();

修改:
oldNode = document.getElementsByTagName("P")[0];
oldNode.parentNode.replaceChild(newNode,oldNode);

查看:
var node = document.getElementById("node");
oldNode = document.getElementsByTagName("P")[0];
var length = myTable.rows.length;
var tr = myTable.rows[0];
var td = myTable.rows[0].cells[0];
var td = myTable.rows[0].childNodes[0];
var input = td.childNodes[0];
var text = td.innerText;
var html = td.innerHTML;
var type = items.type;

其他:
页面加载时执行函数:<body οnlοad="function()"></body>
window.onload = function onload(){};