70.【JavaScript 6.0】（六）

1.修改文本的值:
dom结点.innerText()=;------>更新文本
===========================================================
2.转义HTML文本----------》操纵HTML
dmo结点.innerHTML='html语句';
===========================================================
3.通过JS操纵CSS--------->操纵CSS
dmo结点.style.padding=''------->外边距
dmo.style.color=''---------->颜色
demo.style.fontSize=''-------->字体大小
4.在操纵CSS的时候，下划线转换成驼峰命名，属性使用字符串。
===========================================================

1.删除结点的步骤: 先获取父节点，再通过父节点删除自己。
（1）.获取父节点
基本格式: 
var 个人父节点=子节点.parentElement;
eg:===============================
var ss=id.parentElement;
（2）.通过父节点删除自己
个人/整体父节点.removeChildren(子节点);
ss.removeChild(id);
==================================================================
2.通过父节点的坐标去删除----------->动态删除，时刻变化着。
基本格式:
整体父节点.Children(整体父节点.children[0]);
eg:
father.remove(father.children[0]);

我们获得了某个Dmo节点，假设这个Dmo节点是空的，我们通过innerText就可以增加
一个元素了，但是这个dmo节点已经存在元素了，就会产生覆盖。

1.追加的方式进行插入: -------->（已经存在的标签再追加）
被加入的节点.appendChild(节点);
eg:
 list.append(js);
 ==================================================

(一)、HTML
1.创建一个新标签:
var newP = document.createElement('标签');  //创建一个标签P
2.给标签添加属性:
（1）.第一种给标签赋值
newP.id='newP';    //给标签P设置一个id属性
（2）.第二种给标签赋值
link.setAttribute('type','text/javascript');  //第一个属性名，第二个属性值 
3.在标签里面添加文本
newP.innerText='hello world';  //添加文本
4.追加到一个标签中
list.appendChild(newP);
===========================================================HTML-CSS
（二）、CSS
1.在头部创建style:
var myStyle = document.createElement('style');
2.设置属性以及属性赋值
myStyle.setAttribute('type','text/css');
3.在标签中添加文本文档
myStyle.innerHTML='body{background: rgb(231 206 212);}';
4.在头部文件中追加
document.getElementsByTagName('head')[0].appendChild(myStyle);
--------------------------
注意事项:
获取DOM实际上就是一个数组。
==================================================================
（三）。在A前面加入B；
var before = list.insertBefore(B,A);   //在A前面加入B

1.表单是什么?--------->form
(1).文本框<text>,下拉框<select>，密码框<password>，
按钮<buttton>，文本域<textarea>，文件域，多选框<checkbox>
 隐藏域<hidden>...

1.获得表单的结点，结点有一个方法叫做value----->获得值
基本格式:
var username = document.getElementById('UserName');
username.value;
2.设置表单的值:
基本格式:
username.value=''; -------------->结点和属性