js如何获取动态的id

JavaScript014

js如何获取动态的id,第1张

1、在我们的电脑上打开软件,新建一个html页面。

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

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

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

5、jquery方法需要先添加jquery.js,然后通过varw=$('#xx').val()来获取元素的值。

6、我们运行项目,在浏览器中可以看到与原生js方法获得元素的值相同。

你的子页面是一个iframe吗?如果是这样,你可以往iframe的url传入一个参数如btnid:

http://your-iframe-url.com/page/?btnid,子页面通过location.search获取到查询字符串“?btnid”,你自己去掉问号,就可以获取到父页面的btnid了。

我还是写个简单的例子吧:

父页面的js:

$(".btn").click(function(){

    $("#child-frame").src="http://your-iframe-url.com/page/?"+this.id

})

子页面的js:

var id = location.search.substr(1)