/**
* Created by xiaomage on 15/9/1.
*/
// 插入
//1. write
document.write('hello world!');
document.write('');
document.write('<input>');
document.write('<input type="date">');
// 2.
var btn = document.createElement('button');
btn.innerHTML = '百度一下,你就不知道';
btn.style.border = '10px solid #ddd';
btn.style.width = '100px';
btn.style.height = '200px';
btn.style.background = 'red';
// 把按钮加入到body
// document.body.appendChild(btn);
// 把按钮加入到div
var div = document.getElementsByClassName('test')[0];
div.appendChild(btn);
console.log(btn);
//
//
//// 删除
//// 1
var img = document.getElementsByClassName('icon')[0];
document.body.removeChild(img);
// 推荐做法
img.parentNode.removeChild(img);
btn.parentNode.removeChild(btn);
//
//
//// 2
img.remove();
btn.remove();
//
//// 修改
btn.innerHTML = '百度一下,你就知道';
btn.style.border = '1px solid #ddd';
btn.style.backgroundColor = 'blue';
btn.style.color = 'white';
//
//// 修改连接
var a = document.getElementsByClassName('xmg')[0];
a.href = 'http://www.520it.com';
a.target = '_blank';
//
//
//// 查询
console.log(document.body.children);
//
function find(o){
for(var i = 0; i < o.length; i++){
console.log(o[i]);
}
}
find(document.body.children);
//
var dives = document.getElementsByClassName('test1');
// console.log(dives);
find(dives);
// console.log(document.body.innerHTML);
console.log(document.body.outerHTML);
js增删改查
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 本次项目的注意点: 1:ajax 的使用不熟练 2:删除方法，可以使用索引，为每一行设置一个id属性值，然后删除总...
- 使用JS对JSON数据的处理 最近项目中遇到需要对Json数据进行相关操作，比如增删改操作。之前没有操作过以为会挺...
- 新项目使用的是vue.js 后来发现饿了吗前端编写的一套框架Element （http://element.ele...
- 这个星期学习了node.js和mongodb.起初一点都不会。后来找了个例子来学习。 我一块一块讲。一：请求模块 ...
