js获取/设置任意元素中间内容的兼容方法

一、设置元素中间内容兼容代码

  1. 设置任意元素的中间文本内容兼容代码  

    /**
     * 设置任意元素的中间文本内容
     * @param {*} element 标签元素
     * @param {*} text    文本内容
     */
    function setInnerText(element,text){
        if(typeof element.textContent === "undefined"){
            element.innerText = text;
        }else{
            element.textContent = text;
        }
    }

     

二、获取元素中间内容兼容代码

  1. 获取任意元素的中间文本内容兼容代码

    /**
     * 获取任意元素的中间的文本内容
     * @param {*} element 标签元素
     */
    function getInnerText(element){
        if(typeof element.textContent === "undefined"){
            return element.innerText;
        }else{
            return element.textContent;
        }
    }
    

      

原文地址:https://www.cnblogs.com/mycnblogs-guoguo/p/11211684.html

时间: 2024-07-29 06:02:13

js获取/设置任意元素中间内容的兼容方法的相关文章

.NET前后台-JS获取/设置iframe内对象元素并进行数据处理

转载请注明出处:果冻栋吖 这个主要是修改H3BPM一个批量审批的功能时候做的.先看下图: H3自带了批量审批的功能,也就是按钮1,有审批意见3,但是如果3里边不填写内容点击1之后,效果就是表单里边没有任何内容.其次可以依次点击每个表单的提交按钮进行提交.会提交对应的审批意见.现在的需求是:增加一个按钮,但是需要提交所有流程的审批内容,因为他们并不可能完全一样.也就是这里的2. 前台HTML代码: <asp:LinkButton ID="btnApproveone" runat=&

JS获取/设置iframe内对象元素、文档的几种方法

1.IE专用(通过frames索引形象定位): document.frames[i].document.getElementById('元素的ID'); 2.IE专用(通过iframe名称形象定位): document.frames['iframe的name'].document.getElementById('元素的ID'); 以上方法,不仅对iframe适用,对frameset里的frame也同样适用.IE虽然擅于自定标准,但不得不说它很多的设计还是比较体现人性化的.比如这个,它在同样支持下

js 获取标签内的内容

js 获取标签内的内容 参考:这篇博客给了我很大的启发. http://www.cnblogs.com/breakdown/archive/2012/10/09/2716221.html 我遇到的问题:获取span标签中的值51,各种折腾:正则,截取,替换,最后参考上文使用替换解决了.特感谢博主. <a href=""><span id="span4028807e4ebe04ee014ebea76a6d0001alarm" style="

Android中WebView获取网页中标题 ,内容, 图片的方法

如题,在Android中WebView获取网页中标题 ,内容, 图片的方法 首先是获取标题,在new WebChromeClient(){}中重写onReceivedTitle()方法 @Override public void onReceivedTitle(WebView view, String title) { super.onReceivedTitle(view, title); // loge.e("__页面标题__"+title); } 获取内容,是参考的这边的 http

js获取浏览器信息及版本(兼容IE)

获取浏览器信息方法有很多种,但是要是兼容ie旧版本就有点麻烦了,因为很多方法在旧版本ie是不支持的,所以ie我做了单独处理,但是目前还有小问题,就是想显示QQ浏览器,搜狗浏览器..这样的,这样还实现不了,因为他们用的别人的浏览器内核,没办法 代码: <template> <section class="p-10"> <h1> {{ browse }} </h1> </section> </template> <

Js获取当前浏览器支持的transform兼容写法

// 获取当前浏览器支持的transform兼容写法 function getTransfrom() { var transform = '', // document.createElement() 创建元素节点, divStyle = document.createElement('div').style, // 返回的是一组object对象,里面包含了transform // 可能涉及到的几种兼容性写法,通过循环,找出浏览器识别的那个 // 依次为: 全部.Safari 和 Chrome.

js获取input文本框内容问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><td><input type="text" name="username" placeholder="请输入用户名&

JS获取浏览器高度和宽度值(兼容多浏览器)

IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY对象宽度 document.b

Js获取/设置行内样式和非行内样式

1.获取行内(内嵌.行间)样式: obj.style.attr;进行获取非行间样式. 2.设置行内样式: obj.style.attr = value; 3.获取非行内样式: function getStyle(obj,attr){ //获取非行间样式,obj是对象,attr是值 if(obj.currentStyle){ //针对ie获取非行间样式 return obj.currentStyle[attr]; }else{ return getComputedStyle(obj,false)[