以上面为例：

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. Spring Boot：实现MyBatis分页
			
    综合概述 想必大家都有过这样的体验,在使用Mybatis时,最头痛的就是写分页了,需要先写一个查询count的select语句,然后再写一个真正分页查询的语句,当查询条件多了之后,会发现真的不想花双倍 ...
    
			
    2. 
						
  2. 05 div的嵌套
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    3. 
						
  3. springboot 2.X  在访问静态资源的的时候出现404的问题
			
    通过idea快速搭建一个springboot项目: springboot版本2.1.6 在网上看的资料,springboot静态资源访问如下: "classpath:/META‐INF/re ...
    
			
    4. 
						
  4. scikit-learn学习笔记-bili莫烦
			
    bilibili莫烦scikit-learn视频学习笔记 1.使用KNN对iris数据分类 from sklearn import datasets from sklearn.model_select ...
    
			
    5. 
						
  5. 【设计模式】结构型06享元模式（Flyweight Pattern）
			
    享元模式(Flyweight Pattern) 首先吐槽下这个名字,享元?共享元素的话感觉还是蛮好的~但是这个英文... 意图:更好的重用.管理对象,减少内存开销,节约资源. 主要解决:在有大量重复对 ...
    
			
    6. 
						
  6. HTTP协议之应用
			
    通过对http协议的理解.我们可以根据这些特性来进行一些应用. 1.我们可以根据http请求的头信息refer信息,我们可以来做网站的防盗链.refer记录访问到目标网站的上次访问路径.这样我们可以来 ...
    
			
    7. 
						
  7. Java web环境的搭建
			
    学习java web 首先得要能够在自己的电脑上配置环境,经查阅资料后了解,需要装java EEEclipse ,即企业版的,还有就是tomcat服务器. 第一步,从网上下载,eclipse 企业版的 ...
    
			
    8. 
						
  8. Linux系统：centos7下安装Jdk8、Tomcat8、MySQL5.7环境
			
    一.JDK1.8 环境搭建 1.上传文件解压 [root@localhost mysoft]# tar -zxvf jdk-8u161-linux-x64.tar.gz [root@localhost ...
    
			
    9. 
						
  9. JUnit-4.13使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误
			
    今天重新复习spring的时候,调用Junit架包来进行测试,进入其官网  https://junit.org/junit5/,点击右上角的Junit4进行查看 2.出现了的页面是这个样子 我把这个页 ...
    
			
    10. 
						
  10. CDH CM元数据梳理，包括HIVE
			
      一.Schema SCM 表结构梳理(对应生产BAOFOO_SCM) AUDITS 登录信息.服务,角色重启.配置更改 PROCESSES 进程信息.这里面有很多信息.开放的web端口. HOST ...
    
			
    11.