js怎么获取自身标签内元素

js怎么获取自身标签内元素,第1张

<script type="text/javascript">

$(document)ready(function(){

$("div")each(function(index){

$(this)click(function(){

var str = $("div>a")eq(index);

alert(strattr("href"));

});

});

});

</script>

<label id='label'>我的值</label> <!-- 给label一个id然后js

去找-->

<script>

windowonload = function() {

    var label = documentgetElementById('label'); // 查找一个id为label的节点

    alert(labelinnerText) // d出 label的值

    alert(labelgetAttribute('id')) // d出 label的属性

}

</script>

var h2 = documentquerySelectorAll('h2')

consolelog(h2[0]outerHTML)

大概是这样,你看下是不是你想要的

我写了代码如下, 测试可行, 供参考:

//主要靠这个函数实现: 将body下的文本节点中的searchWord, 替换为replaceWord

function replaceBodyText(searchWord, replaceWord){

    var reg = new RegExp(searchWord, 'g');

    function replaceNode(node){

        nodechildNodesforEach(function(v){

            if(vnodeName === 'SCRIPT')

                return; //排除<script>标签

            if(!vhasChildNodes()){

                if(regtest(vtextContent))

                    vtextContent = vtextContentreplace(reg, replaceWord);

                return;

            }

            replaceNode(v);

        });

    }

    replaceNode(documentbody);

}

//绑定一个事件测试用, 点击这个按钮后才会执行;

documentquerySelector('#testBtn')addEventListener('click', function(){

    replaceBodyText('中国', '美国');

});

//实际使用中直接调用函数即可:

//以下语句表示将所有文本节点中的"中国"替换为"美国:

//replaceBodyText('中国', '美国');

你好!

根据你贴的内容来分析,上面只有一处有涉及到'_s'的地方,

之前处理的逻辑是先取出src,然后对src进行文件名+'_s'(ajpg->a_sjpg)的 *** 作后返回,

既然现在要放在data-thumb属性当中获取,那么可以做下面的修改:

imgurl = $thisImgattr("src")split('');

$thisImgs = imgurljoin('_s');

替换为

$thisImgs = $thisImgattr("data-thumb");

希望对你有帮助!

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并且其中有一个div中有a标签。

2、在indexhtml的<script>标签中,输入js代码:windowlocationhref = '>

3、浏览器运行indexhtml页面,此时取出了div中a标签中的百度知道链接并自动点击跳转了。

<span id="span">

<span style="color: rgb(229, 51, 51);">2132131321</span>

</span>

var span = documentgetElementById("span")innerHTML;

jquery:

var span = $("#span")html();

扩展资料

<p><span>some text</span>some other text</p>

如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。

<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本身没有任何属性,<span> 标签支持HTML 的全局属性和事件属性。

可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

参考资料:

百度百科 span标签

百度百科 HTML

<style type="text/css">

#box{ width:1000px; height:500px; margin:0 auto;}

p{ float:left; margin-right:30px;}

</style>

  

</head>

<body>

    <div id="box">

             <p ><img src="img2/1jpg" width="300" height="200" id="box01"  onclick="fun1()"/> </p>

             <p ><img src="img2/2jpg" width="300" height="200" id="box02" /> </p>

             <p ><img src="img2/3jpg" width="300" height="200" id="box03" /> </p>

    </div>

    <script type="text/javascript">

  

                      var imgElement = documentgetElementById("box02");

                      var x=8;

                        function  fun1(){

                                   alert(imgElement);//为什么返回的是null,全局变量怎么获取不到?

                                   alert(x);//返回8

                          }

      </script>

</body>

      

      这样就可以了

     

  页面加载是有顺序的,自上而下,当加载js时,HTML的元素节点还没有加载,所以找不到你写的元素ID。所以才会alert出一个null

以上就是关于js怎么获取自身标签内元素全部的内容,包括:js怎么获取自身标签内元素、怎样用JS获得<label>标签中的值、JS 获取两个相同标签之间的 所有内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9432125.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存