javascript获取html页面中ID

javascript获取html页面中ID,第1张

直接js代码:

documentgetElementById("west")innerHtml="新的内容";

jquery代码:

$('#west')html('新的内容');

使用jquery可以比js更方便的 *** 作页面的元素,而且对浏览器ie6的兼容性好,建议使用jquery

绑定事件响应并不是必须使用id,看你的描述在此之前你已经获得了这个元素?

假设要绑定的元素为btn,要绑定的事件为鼠标单击,则:

btnonclick = function(){};    // 直接关联事件响应

btnaddEventListener('click', function(e){}, false);    // 高级浏览器支持

btnattachEvent('onclick', function(){});    // 低版本IE支持

通过如上三种方式可在btn上绑定click的事件响应,区别:第一种直接绑定,如果此前btn上有已经绑定的响应函数,则会被覆盖;后两种是注册事件响应的方式,可注册多个响应函数,彼此互不影响。

如果有使用某些框架(例如jQuery等),则可使用框架封装好的兼容性方法来注册事件响应。

你需要一个已经编辑好的html文件模板,新闻标题那个地方定一个特殊的字符串,新闻内容那里定义一个特殊的字符串,然后你需要做的就是在后台生成的时候,读入这个html文件的源代码,把你新闻标题从数据库中读出来并替换html源文件中新闻标题的那个特殊字符串,同理替换新闻内容的那个字符串,然后把你更改后的html源文件按照你的新闻ID另存为html文件即可。这就是网上一般动态生成静态页面的思路。

通过angularjs获取html元素的id的方法:

angularelement("#element-id");

这是一个DOM *** 作。Angular不会帮助获得DOM的某个属性。

需要使用的是DOM选择器,不管是原生的也好或者像jQuery这样的库也好。

获取ID的目标地是为了 *** 作DOM, Angular的设计思想不是这样的, 应该用directive代替

directive的link函数已经把作用域,元素,属性数组注入到link函数调用的参数当中了

link(scope,element,attrs)

关于directive的详细解释,请参考: 创建自定义"指令"jQuery写法: $('#id')

不太清楚你的意图,

如果是想得到text,就写$('#ecom')text();

如果是想得到ecom,就写$('#ecom')prop('ecom'); //还过这好像没什么意义吧

以上就是关于javascript获取html页面中ID全部的内容,包括:javascript获取html页面中ID、用javascript获取HTML的button元素的id后,怎么使用javascript给这个元素添加响应函数、当点击按钮时,生成一个以该条新闻ID为文件名的静态html页面等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9641865.html

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

发表评论

登录后才能评论

评论列表(0条)

保存