以上面为例：

js获取placeholder节点 :

document.getElementsByClassName("newTicket")[0].getAttributeNode("placeholder").nodeValue;

document.getElementsByClassName("newTicket")[0].getAttribute("placeholder")；

获取input节点value值:

document.getElementsByClassName("newTicket")[0].value;

document.getElementsByTagName("input")[0].value;

ts获取节点属性值：

(<HTMLButtonElement>document.getElementById("newTicket")).getAttribute("placeholder");

另外大部分js也可以在ts程序中运行；

												


											
js，ts操作dom总结的更多相关文章
	

    
						
  1. JS/JQuery操作DOM元素笔记
		
    原因 自己目前在搭建一个.NET Core的框架,正在构建权限这块的东西,今天设置权限界面,需要使用JavaScript操作DOM元素,记录一下. 页面大概是酱紫的(我使用的AdminLTE和LayU ...
    
		
    2. 
								
  2. js动态操作DOM
		
    创建一个元素 createElement() 向元素末尾添加一个子节点 appendChild() 将新的元素插入到指定元素的前面 insertBefore(new,old); 删除一个子节点 rem ...
    
		
    3. 
						
  3. JavaScript操作DOM对象
		
    js的精华即是操作DOM对象 [1]先看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8& ...
    
		
    4. 
						
  4. JavaScript操作DOM的那些坑
		
    js在操作DOM中存在着许多跨浏览器方面的坑,本文花了我将近一周的时间整理,我将根据实例整理那些大大小小的“坑”. DOM的工作模式是:先加载文档的静态内容.再以动态方式对它们进行刷新,动态刷新不影响 ...
    
		
    5. 
						
  5. HTML(.js) – 最简单的方式操作 DOM 的 JS 库
		
    HTML(.js) 是一个轻量的(压缩后~2kb) JavaScript 库,简化了与 DOM 交互的方法. 这个 JavaScript 库的方法可读性很好,并具有搜索和遍历 DOM 的方法.相比 j ...
    
		
    6. 
						
  6. 廖雪峰js教程笔记11 操作DOM(包含作业)
		
    由于HTML文档被浏览器解析后就是一棵DOM树,要改变HTML的结构,就需要通过JavaScript来操作DOM. 始终记住DOM是一个树形结构.操作一个DOM节点实际上就是这么几个操作: 更新:更新 ...
    
		
    7. 
						
  7. 框架操作DOM和原生js操作DOM比较
		
    问题引出 对于Angular和React操作DOM的速度,和原生js操作DOM的速度进行了一个比较: 一个同学做的demo 代码如下: <!DOCTYPE html> <html n ...
    
		
    8. 
						
  8. JS操作DOM常用API总结
		
    <JS高程>中的DOM部分写的有些繁琐,还没勇气整理,直到看到了这篇博文 Javascript操作DOM常用API总结,顿时有了一种居高临下,一览全局的感觉.不过有时间还是得自己把书里面的 ...
    
		
    9. 
						
  9. JS 操作Dom节点之CURD
		
    许多优秀的Javascript库,已经封装好了丰富的Dom操作函数,这可以加快项目开发效率.但是对于非常注重网页性能的项目来说,使用Dom的原生操作方法还是必要的. 1. 查找节点 document. ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Excel报表开发（本节主要讲述导出到Excel操作）
			
    一.Excel导入到GridView以及数据库操作比较简单,这儿不做过多讲解,需要注意的有二点: 1.设置IMEX=1将强制混合数据转换为文本. 2.解决Excel驱动程序默认读取8行:将" ...
    
			
    2. 
						
  2. python算法与数据结构-循环链表(39)
			
    一.循环链表的介绍 上一篇我们已经讲过单链表,本篇给大家讲解循单链表的一个变形是单向循环链表,链表中最后一个节点的next域不再为None,而是指向链表的头节点,其基本操作和单链表思路一样. 常用的操 ...
    
			
    3. 
						
  3. Docker环境下的前后端分离项目部署与运维（十一）Docker Swarm技术
			
    Docker Swarm技术 docker swarm技术(之前的docker集群都是在 一个虚拟主机上的,但是如果这个主机挂掉了over了,docker技术就是多个虚拟主机形成一个集群) Swarm ...
    
			
    4. 
						
  4. Programming In Lua 第一章
			
    1,Lua可以嵌入其他应用程序(如CGILua或IUPLua). 2,lua代码的语句,分号是可以省略的.同一行可以有多条lua语句,最好用分号隔开(当然也可以不隔开) 3,外壳与lua解释器的区别. ...
    
			
    5. 
						
  5. [apue] 测试管道容量的一些疑问
			
    所谓管道的容量,指不消费(读)的情况下,最大能写入的数据量.有两种方式来测试一个管道的容量: 1)使用阻塞写,每次写一个字节,并打印写入的总字节数,最后写入阻塞时,上次打印的就是管道的容量: 2)使用 ...
    
			
    6. 
						
  6. python学习 -女神或者男神把微信消息撤回后好慌，有了这个妈妈再也不担心你看不到女神或者男神撤回的消息了（超详解）
			
    简介 有时候在忙工作,女朋友发了一个消息,就撤回了,但是人天生的都有一颗好奇心,而且在当今这个时代找个女朋友不容易,一个程序猿找一个女朋友更是不容易的.人家好不容易跟你,你还不得把人家当老佛爷侍候着, ...
    
			
    7. 
						
  7. Z点餐系统项目下期改进计划
			
    随着计算机应用范围的日益广泛深人,应用软件的规模及复杂程度也日趋大型化.复杂化,这就导致软件开发的方式也从早期的单兵作战式或手工作坊式渐渐转变为集团化.工厂流水 问题: (一)缺乏项目管理系统培训.项 ...
    
			
    8. 
						
  8. fiddler无法抓取chrome浏览器请求的解决方案之关闭代理软件
			
    最近安装fiddler后,按照通用设置后依然无法抓取到chrome的请求,经检查,我本地的chrome安装了代理管理的插件Switchy,无论选择直接连接还是选择使用代理连接,插件都会屏蔽fiddle ...
    
			
    9. 
						
  9. MyBatis 核心配置综述之Executor
			
    目录 MyBatis四大组件之 Executor执行器 Executor的继承结构 Executor创建过程以及源码分析 Executor接口的主要方法 Executor 的现实抽象 上一篇我们对Sq ...
    
			
    10. 
						
  10. mplayer+ffmpeg 组合截图
			
    mplayer截图的优点:对于一个时长很长的视频,可以任意指定一个时间点截图,mplayer会直接跳到这个时间点开始解码截图: 缺点:由于是直接跳到指定的时间点,也就是直接跳过了之前的帧,这样解码出来 ...
    
			
    11.