DOM内容操作

 <table border="2">
         <thead id="1" class="c1 c2">
               <tr><th>eric</th><th>alex</th><th>allen</th></tr>
         </thead>
         <tbody id="2" class="c1">
               <tr><td id="3">ip</td><td></td><td></td></tr>
               <tr><td></td><td></td><td></td></tr>
         </tbody>
     </table>

一、标签的创建

一、tag = createElement('div')

<input id="c1" type="button" value="+" onclick="addTag()"/>
     <div id="c2"></div>

     <script>
         function addTag(){
             console.log(1);
             var tag =document.createElement('input');
             console.log(tag);
             var p = document.getElementById('c2')
             p.appendChild(tag);
             tag.setAttribute('type','text')}
     </script>

同时还有一个insertbefor（）方法

　http://www.w3school.com.cn/htmldom/dom_methods.asp 其他的DOM对象方法

二、标签属性的修改

一、获取元素中的文本内容

tag=document.getElementById('3')

tag.innerText

二、获取元素中嵌套的html文件内容

tag=document.getElementById('1')
<thead id="1" class="c1 c2">…</thead>
tag.innerHTML
"
<tr><th>eric</th><th>alex</th><th>allen</th></tr>
"

三、对元素中的样式class属性进行修改

3.1对整个classname进行修改

tag.className='c3'

3.2 通过classLsit以数组的形式增加删除class样式

tag.classList.add('class') 增加样式

tag.classList.remove('class') 删除class样式

四、对元素中value属性进行修改、

常用的标签中含有value属性的标签有

搜索框例子

<input  type="text" id="i1" value="请输入关键字" onfocus="disappear()" onblur="appear()">

     <script>
            function disappear(){
                console.log(1)
                var tag = document.getElementById('i1');
                var value=tag.value;
                if(value=="请输入关键字"){
                    tag.value='';
                }
            };
            function appear(){
                console.log(2)
                var tag = document.getElementById('i1');
                if (tag.value==''){
                    tag.value='请输入关键字';
                }

            };

五、标签的属性操作

tag=document.getElementById('1')

tag.attributes 获取标签的所有属性

tag.setAttribute('name', 'eric') 给标签设置属性

tag.removeAttribute('name') 移除标签属性

三、内置方法

任何标签通过DOM都可提交表单

document.geElementById('获取form的id').submit()

1.alert函数：显示一个警告对话框，包括一个OK按钮。

2.confirm函数：显示一个确认对话框，包括OK、Cancel按钮如果点了ok confirm会返回一个值是true ，如果点了cancle 返回false

3.eval函数：计算表达式的结果

4.location.href 获取url

location.href ='' 重定向、跳转

location.reload（）刷新当前界面

5.setinterval 函数用于循环执行功能 setintercal（function（）{} , 时间间隔）

6.clearinterval(obj) 清除功能

7.settimeout 这个是只有过了设置的时间才执行功能，只执行一次 settimeout（function（）{} ，时间间隔）

8.cleartimout （obj）