以上面为例：

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. gitlab安装笔记三_Centos7安装GitLab
			
    系统版本是CentOS-7-x86_64-Everything-1804.iso,很多软件默认都有了,不需要安装 https://about.gitlab.com/install/#centos-7  ...
    
			
    2. 
						
  2. Zookeeper详解-工作流和leader选举（三）
			
    一.工作流 一旦ZooKeeper集合启动,它将等待客户端连接.客户端将连接到ZooKeeper集合中的一个节点.它可以是leader或follower节点.一旦客户端被连接,节点将向特定客户端分配会 ...
    
			
    3. 
						
  3. kubernetes实战篇之dashboard搭建
			
    系列目录 kubernetes dashboard是kubernetes官方提供的web管理界面,通过dashboard可以很方便地查看集群的各种资源.以及修改资源编排文件,对集群进行扩容操作,查看日 ...
    
			
    4. 
						
  4. C++程序设计1（侯捷video 1-6）
			
    一.头文件的防御式声明(video2) #ifndef __COMPLEX__ #define __COMPLEX__ //内容 #endif 二.初步感受模板(video2) 定义的时候: //复数 ...
    
			
    5. 
						
  5. KVM虚拟机迁移至VMware
			
    1.将kvm下虚拟机关机: [root@localhost ~]# virsh list --all Id Name State ----------------------------------- ...
    
			
    6. 
						
  6. Python 3网络爬虫开发实战中文 书籍软件包(原创)
			
    Python 3网络爬虫开发实战中文 书籍软件包(原创) 本书书籍软件包为本人原创,想学爬虫的朋友你们的福利来了.软件包包含了该书籍所需的所有软件. 因为软件导致这个文件比较大,所以百度网盘没有加速的 ...
    
			
    7. 
						
  7. ES6_08_Iterator遍历器
			
    Iterator遍历器: 概念: iterator是一种接口机制,为各种不同的数据结构提供统一的访问机制 作用: 1.为各种数据结构,提供一个统一的.简便的访问接口: 2.使得数据结构的成员能够按某种 ...
    
			
    8. 
						
  8. mongodb数据存储
			
    # 打开服务端 直接执行abc.bat文件,如果执行闪退可以把data文件夹里的mongod.lock文件先删除 打开cmd窗口, 输入mongo,启动客户端. 也可以通过NoSQLBooster启动 ...
    
			
    9. 
						
  9. 对比 C++ 和 Python，谈谈指针与引用
			
    花下猫语:本文是学习群内 樱雨楼 小姐姐的投稿.之前已发布过她的一篇作品<当谈论迭代器时,我谈些什么?>,大受好评.本文依然是对比 C++ 与 Python,来探讨编程语言中极其重要的概念 ...
    
			
    10. 
						
  10. Parameters.AddWithValue(“@参数”,value)方法
			
    以前用command方法执行存储过程增加参数时,总是先用cmd.Parameters.Add方法来设置参数和参数类型,再用Parameters[0].Value来给参数赋值.以前的一个动作代码示例:  ...
    
			
    11.