当前位置:首页>开发>正文

js怎么取得DOM里的元素,DOM如下 如何获取元素值 angularjs

2023-06-19 05:24:27 互联网 未知 开发

 js怎么取得DOM里的元素,DOM如下 如何获取元素值 angularjs

js怎么取得DOM里的元素,DOM如下

document.getElementById(id)

id 是元素定义的ID

<INPUT  type="text"  id="text1" value="123" />

<javascript>
var t1=document.getElementById(t1)
alert (t1.value)
</javascript>

如何获取元素值 angularjs

你需要使用的是DOM选择器。Angular不会帮助你获得DOM的某个属性) 这是一个DOM操作,元素: 创建自定义",element,不管是原生的也好或者像jQuery这样的库也好, Angular的设计思想不是这样的,属性数组注入到link函数调用的参数当中了,请参考,

angular.js在控制台怎么调试

1: 获取 Scopes (作用域)
我们可以使用一行 JS 代码来获取任何的 Scope (甚至是 isolated scopes) :

> angular.element(targetNode).scope()
-> ChildScope {$id: 005, this: ChildScope, $$listeners: Object, $$listenerCount: Object, $parent: Scope…}


或者获取 isolated scopes:

> angular.element(targetNode).isolateScope()
-> Scope {$id: 009, $$childTail: ChildScope, $$childHead: ChildScope, $$prevSibling: ChildScope, $$nextSibling: Scope…}


这里面的 targetNode 指的是 HTML Node(HTML节点)。你可以很容易的使用document.querySelector() 来获取。
2: 监视 Scope Tree (作用域树)
为了更好的调试我们的应用,有些时候我们需要查看页面上的 Scope (作用域) 的结构师怎样的。这时候我们就需要使用 AngularJS Baratang 和 ng-inspector 这两个 Chrome 浏览器扩展来帮助我们实时查看 Scope (作用域) 的情况。并且,这两个扩展还有一些其他非常有用的功能。
AngularJS Baratang

ng-inspector

3: 抓取 Services (服务)
我们可以使用定义了 ngApp 元素的 injector 函数来抓取任何 Service (服务) 或者间接的通过任何带有 ng-scope class 的元素来获取 Service (服务)。

> angular.element(document.querySelector(html)).injector().get(MyService)
-> Object {undo: function, redo: function, _pushAction: function, newDocument: function, init: function…}
// Or slightly more generic
> angular.element(document.querySelector(.ng-scope)).injector().get(MyService)


接下来我们就可以使用相关的 Service 就像我们在程序中 injected(注入)过之后那样使用。
4: 从 directive 中获取 controller
有一些 directives (指令) 会将一些特定(通常是可以共用的)功能定义成为一个控制器。为了从控制台中获取一个指定 directive (指令) 的 controller (控制器) 示例, 我们只需要使用controller() 函数。

> angular.element(my-pages).controller()
-> Constructor {}


最后一个不常用但是属于更高级的技巧。
5: Chrome Console(控制台) 特性
Chrome 有很多在 console (控制台) 中用于调试网页应用的非常好用的快捷命令。下面是对 Angular 开发最有帮助的一些命令:
$0 - $4: 在 instpector window (监控器) 中获取最后的 5 个 DOM 元素。这个快捷方法可以非常方便的帮助我们来抓取选定元素的 scopes (作用域) : angular.element($0).scope()
$(selector) 和 $$(selector): 可以方便的替代 querySelector() 和 querySelectorAll。

js获取已知id的DOM元素

您好,HTML5规范文档中指出:如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象.
如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名.
如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名.但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。
> "foo" in window
false
> typeof foo // 这个全局变量到底有木有?
object
//错误控制台输出了下面的警告.//Element referenced by ID/NAME in the global scope.
//Use W3C standard document.getElementById() instead.

> foo
[object HTMLDivElement]
//错误控制台输出了下面的警告.//Element referenced by ID/NAME in the global scope.
//Use W3C standard document.getElementById() instead.> "foo" in window true

最新文章