Question

如何用js获取id 元素内容

<div class="date">
<img class="ie6png" src="img/date/month/10.png">
<p><img class="ie6png" src="img/date/day/14.png"></p></div>
没有id，我想获取这两个src的值然后截字符串得到 10和14这两个png文件名，然后组合成日期的字符串，请问应该怎么做，最好兼容各浏览器。

Answer 1

//取值
obj.getAttribute(“id”)

或者

document.getElementById(id)

Answer 2

  $(function () {
            var d = '';
            $("img").each(function () {
                d += $(this).attr("src").split("/")[3].split(".")[0];
                d += "-";
            })
        })

速度采纳！

追问

这是juery的方法吧？请我可把$("img")改成$(".ie6png")吗因为很多img，不知道我的语法对吗，还有就是split("/")[3].split(".")[0]里面的3可以写成活的吗，我对juery不了解不知道从何下手。

Answer 3

使用js获取id元素内容的方法如下：

1、首先在电脑上打开软件，新建一个html页面。

2、可以通过varv=document.getElementById('xx').value，在html页面创建一个id为xx，值为666的文本框，原生js方法来获取文本框的值。

3、然后可以在script中加上alert(v);，来弹框查看原生js方法是否根据id获取元素的值了。

4、在浏览器中运行项目，可以看到页面弹框的值是id为xx的元素的值，已经成功通过原生js方法根据id获取元素。

5、也可以看一下通过jquery方法来根据id获取元素，jquery方法需要先添加jquery.js,然后通过var w = $('#xx').val();来获取元素的值，

6、最后运行项目，在浏览器中可以看到与原生js方法获得元素的值相同，对比一下两种方法，原生js不需要添加另外的js库，而jquery需要，但是代码会更简单一些，根据需要进行选择，这样使用js获取id元素内容的问题就解决了。