Javascript元素中元素的等价物

时间:2013-12-23 01:25:52

标签: javascript jquery dom

Javascript相当于

imgsrc = $("#content div form img").attr('src');

HTML

<div id='content'>
    <div>
        <form name='input_form'>
            <img src='image.jpg'>
            <input type='text' value='' name='yourname'>
            <input type='submit' value='Go!'>
        </form>
    </div>
</div>

我发现我不能在当前项目中使用Jquery,所以我将所有内容都改回javascript。

谢谢!

修改

抱歉......关于令人困惑的标题

2 个答案:

答案 0 :(得分:3)

您可以使用querySelector()方法:

var imgsrc = document.querySelector("#content div form img")
                     .getAttribute('src'); // => `src` attribute's value 
                     // .src => `src` property

http://caniuse.com/queryselector

答案 1 :(得分:0)

未经测试但这应该有效

document.getElementById('content').getElementsByTagName('div')[0].getElementsByTagName('form')[0].getElementsByTagName('form')[0].getAttribute('src');