以上面为例：

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. php 的mvc开发
			
    至于什么MVC结构,其实就是三个Model,Contraller,View单词的简称,,Model,主要任务就是把数据库或者其他文件系统的数据按 照我们需要的方式读取出来.View,主要负责页面的,把 ...
    
			
    2. 
						
  2. python列表的内建函数
			
    list.append(obj) 向列表中添加一个对象obj list.count(obj) 返回一个对象obj 在列表中出现的次数 list.extend(seq)a 把序列seq 的内容添加到列表 ...
    
			
    3. 
						
  3. 【Aizu - ALDS1_1_C】Prime Numbers（素数筛法）
			
    Prime Numbers  Descriptions: A prime number is a natural number which has exactly two distinct natur ...
    
			
    4. 
						
  4. http-post调用接口简单代码
			
    一.简单便捷的httpget调用接口,并且返回接口数据1.导入相应的jar包: 2.代码如下: HttpPost post = null; try { HttpClient httpClient =  ...
    
			
    5. 
						
  5. 【JVM】02垃圾回收机制
			
    垃圾回收 垃圾回收策略https://blog.csdn.net/u010425776/article/details/51189318 程序计数器.Java虚拟机栈.本地方法栈都是线程私有的,也就是 ...
    
			
    6. 
						
  6. vue回顶部  组件  可以直接使用
			
    <template> <div id="goTop"> <div class="goTop" v-show="goTop ...
    
			
    7. 
						
  7. 对于BIO/NIO/AIO，你还只停留在烧开水的水平吗？
			
    1.发发牢骚 相信大家在网上看过不少讲解 BIO/NIO/AIO 的文章,文章中举起栗子来更是夯吃夯吃一大堆,我是越看越觉得 What are you 你讲啥嘞? 本文将针对 BIO/NIO/AIO  ...
    
			
    8. 
						
  8. 多语言应用性能监控系统：Elastic APM
			
    ▶ 概述 Elastic APM 是基于 Elastic Stack 构建的应用性能监控系统.通过 Elastic APM 可以监控应用程序,收集有关请求的响应时间.数据库查询.高速缓存调用.外部 H ...
    
			
    9. 
						
  9. filebeat直连elasticsearch利用pipeline提取message中的字段
			
    这里使用filebeat直连elasticsearch的形式完成数据传输,由于没有logstash,所有对于原始数据的过滤略显尴尬(logstash的filter非常强大). 但是由于业务需求,还是需 ...
    
			
    10. 
						
  10. Linux 勿卸载软件，所有命令不能用了咋办
			
    1. 一次有趣的事 有个做技术的(不说什么岗位,容易被人喷,谁都有失手的时候),在公司的业务测试环境的机器,卸载了一个软件rpm -e --nodeps filesystem* , 导致机器所有的命令 ...
    
			
    11.