<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width,height=device-height, initial-scale=10, maximum-scale=10, user-scalable=0, shrink-to-fit=no">
<title>Title</title>
</head>
<body>
<div id="container">
<div id="id_1">textContent_1</div>
<div id="id_2">textContent_2</div>
<div id="id_3">textContent_3</div>
<div id="id_4">textContent_4</div>
<div id="id_5">textContent_5</div>
<div id="id_6">textContent_6</div>
<div id="id_7">textContent_7</div>
<div id="id_8">textContent_8</div>
<div id="id_9">textContent_9</div>
<div id="id_10">textContent_10</div>
<div id="no_1">textContent_no_event_call</div>
<div id="no_2">textContent_no_event_call</div>
<div id="no_3">textContent_no_event_call</div>
<div id="no_4">textContent_no_event_call</div>
<div id="no_5">textContent_no_event_call</div>
</div>
<script type="text/javascript">
//采用代理方式处理
var divs = documentquerySelectorAll("div[id^='id_']");
var ids = Arrayprototypeslicecall(divs)map(function (div) {
return divid;
});
documentquerySelector('#container')addEventListener('click', function (e) {
if (idsindexOf(etargetid) > -1) {
alert(etargettextContent);
}
}, false);
</script>
</body>
</html>
在 angular 项目开发中 不建议这么弄,当然 如果有些引入的库 只能这样触发的话,还是有办法解决的。
首先在 控制器外侧,也就是js 的最外侧定义一个变量, 然后在当前控制器中 给该变量赋值为一个函数,该函数调用 控制器中 ng-click 之前绑定的回调函数 定义的这个函数使用onclick调用即可 比如:
<button ng-click="method_angular()">test</button><button id="btn" onclick="method()">test</button>// 第一个按钮 是使用ng-click执行
// 第二个按钮是 使用onclick 执行
// 也可以使用jquery 给button 绑定事件执行
var method
appcontroller("testRoute",["$scope",function($scope){
$scopemethod_angular = function(){
consolelog(111)
}
method = function (){
$scopemethod_angular()
}
$("#btn")click(function(){
$scopemethod_angular()
})
})
您好,在Angular中,可以使用ElementRef类来获取ngTemplate中的元素属性。ElementRef类是一个Angular服务,它提供了一种方法,可以让我们访问DOM元素,并获取其属性。要使用ElementRef类,首先需要在模块中导入它,然后在构造函数中注入它,如下所示:
constructor(private elementRef: ElementRef) {
}
接下来,可以使用ElementRef类的nativeElement属性来访问DOM元素,然后使用getAttribute()方法来获取元素的属性,如下所示:
let myElement = thiselementRefnativeElement;
let myAttribute = myElementgetAttribute('myAttribute');
这样,就可以获取ngTemplate中的元素属性了。
this指触发事件的对象
比如<input type="button" onclick="foo(this)" />
当点击button时,button触发了foo,所以foo函数中的argument得到的参数就是这个button
<!-- html -->
<span id="_invoice" data-open-url=">
可以通过js dom 来获取,对元素设一个id值,然后为元素绑定一个click事件或直接设置 "onclick=",然后调用相应的function,在function中通过:documentgetElementById("") ,就可以获取到地点的元素对象,然后在浏览器中按F12进行调试,就可以看到这个对应的所有属性及方法,当然元素的值也在里面。
单纯获取值是:documentgetElementById("")value;
具体方式如下
<div ng-show="b"></div><button ng-click="a()"></button>
在controller里:$scopea=function(){ $scopeb=false;}
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。
DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
<div> 可定义文档中的分区或节(division/section)。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。
注释:<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。
提示:请使用 <div> 元素来组合块级元素,这样就可以使用样式对它们进行格式化。
你把当前的jquery对象传入进去就可以用了,例如:
<script src=">以上就是关于js/jquary 获取当前元素id全部的内容,包括:js/jquary 获取当前元素id、如何用原生js或jq触发angularjs中ng-click绑定的事件、angular怎么获取ngtemplate中的元素属性等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)