js—操作元素

た入场券 2022-04-17 02:09 211阅读 0赞

# <table>   <tbody>    <tr>     <td align="left"><font>*js添加元素</font></td>    </tr>   </tbody>  </table> #

1、元素内部  
◆append（在元素内部的尾部加上元素）

//在元素内部的尾部加上元素
    function test(){
         var a=$("#id1");
         var addStr="<span>在元素内部的尾部加上元素</span>";
         a.append(addStr);
    }

◆prepend（在元素内部的前部加上元素）

//在元素内部的前部加上元素
    function test(){
         var a=$("#id1");
         var addStr="<span>在元素内部的前部加上元素</span>";
         a.prepend(addStr);
    }

2、元素外部  
  
◆after（在元素外部的尾部加上元素）

//在元素外部的尾部加上元素
    function test(){
         var a=$("#id1");
         var addStr="<span>在元素外部的尾部加上元素</span>";
         a.after(addStr);
    }

◆before（在元素外部的头部加上元素）

//在元素外部的头部加上元素
    function test(){
         var a=$("#id1");
         var addStr="<span>在元素外部的头部加上元素</span>";
         a.before(addStr);
    }

3、html（用于当前内容替换掉原内容）

//用于当前内容替换掉原内容
    function test(){
         var a=$("#id1");
         var addStr="<span>用于当前内容替换掉原内容</span>";
         a.html(addStr);
    }

# <table>   <tbody>    <tr>     <td align="left"><font>*js绑定事件</font></td>    </tr>   </tbody>  </table> #

//根据
    $("#btn").bind("click", function(){
          alert(1111);
    }）
    
    //
    <button onclick="test()"></button>
    <script>
    function test(){
         alert(111);
    }
    </script>

# <table>   <tbody>    <tr>     <td align="left"><font>*οnfοcus='this.blur();'</font></td>    </tr>   </tbody>  </table> #

this.blur()就是让这个对象失去焦点;οnfοcus='this.blur();'作用就是在某对象获得焦点时使其失去焦点。这个语句仅仅是为了消除链接获取焦点（如tab键）后的虚线框

js—操作元素

发表评论取消回复

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

相关阅读

相关【第五部分 | JS WebAPI】2：DOM 元素操作

相关 js 针对html 元素 css样式操作等累积

相关 js中数组插入、删除元素操作

相关 JS获取并操作iframe中元素的方法

相关 angular.js的匹配元素的操作

相关【JS】原生JS的DOM操作之插入元素

相关 js—操作元素

相关 js document-操作元素属性

相关 js document-操作元素之间的内容

相关 js 操作元素样式style、类名class