Web API---DOM---part2复习和part3课程介绍

part2复习

阻止超链接默认的跳转事件: return false;

获取元素的方式

根据id获取元素

document.getElementById("id属性的值");

根据标签名字获取元素

document.getElementsByTagName("标签的名字");

有的浏览器不支持, IE低版本的浏览器不支持,IE8以下的

根据name属性的值获取元素

document.getElementsByName("name属性的值");

根据类样式的名字获取元素

document.getElementsByClassName("类样式的名字");

根据选择器获取元素

document.querySelector("选择器");返回一个对象

根绝选择器获取元素

document.querySelectorAll("选择器");返回数组,多个元素组成的

设置元素的样式的方式

对象.style.属性=值;

对象.className=值;

innerText和textContent的兼容问题

目前的浏览器都支持innerText,应该是属于ie的标准

textContent本身是火狐支持,IE8不支持

innerText和innerHTML的区别

都可以设置标签的文本内容,如果要设置标签及内容推荐使用innerHTML

如果要获取标签中的文本,innerText,也可以使用innerHTML

如果想要获取的是有标签,也有文本---innerHTML

自定义属性的操作

自定义属性:标签原本没有这个属性,为了存储数据,程序员自己添加的属性

自定义属性无法直接通过DOM对象的方式获取或者设置

对象.getAttribute("自定义属性名字");获取自定义属性的值

对象.setAttribute("属性名字","值");设置自定义属性及值

移除自定义属性

对象.removeAttribute("属性的名字");

完成随机点名项目====晚上再说


part3课程介绍

节点

为什么要学节点

节点的操作的相关属性------>作用

12行代码----有用的----熟练的问题,

节点的案例

元素的创建三种方式------重点的内容

为什么要有元素的创建

添加元素

移除元素

事件的

原文地址:https://www.cnblogs.com/jane-panyiyun/p/11993192.html

时间: 2024-10-15 15:00:55

Web API---DOM---part2复习和part3课程介绍的相关文章

写写Web API基础

前两天突然心血来潮,对WEB Api 来了复习兴趣,虽然有很长时间没用了,现在有点迷湖.呀的!在VS2013的MVC项目(基于VS2012/MVC4的,如果是VS2013下的MVc5时,创建时勾上Web API就没有这么多事儿了!)里加了个Web APi V2,额一大堆事情来了,添加API制制器后没法访问,找不到路径,经验本人试验,须做如下更改,注意:如果下面的类没有就加就行了,如果在MVC5中创建时没有勾选WebAPi就应加下面的类. 1. 在App_Start文件中加下面的类或修改(有就改)

ASP.NET Web API 应用教程(一) ——数据流使用

相信已经有很多文章来介绍ASP.Net Web API 技术,本系列文章主要介绍如何使用数据流,HTTPS,以及可扩展的Web API 方面的技术,系列文章主要有三篇内容. 主要内容如下: I  数据流 II 使用HTTPS III 可扩展的Web API 文档 项目环境要求 VS 2012(SP4)及以上, .Net 框架4.5.1 Nuget包,可在packages.config 文件中查寻 本文涉及的知识点 ActionFilter AuthorizationFilter Delegate

Docker容器环境下ASP.NET Core Web API

Docker容器环境下ASP.NET Core Web API应用程序的调试 本文主要介绍通过Visual Studio 2015 Tools for Docker – Preview插件,在Docker容器环境下,对ASP.NET Core Web API应用程序进行调试.在自己做实验的过程中也碰到了一些问题,经过一些测试和搜索资料,基本解决了这些问题,本文也会对这些问题进行介绍,以免有相同需求的朋友多走弯路. 插件的下载与安装 至撰写本文为止,Visual Studio 2015 Tools

【ASP.NET Core】从向 Web API 提交纯文本内容谈起

前些时日,老周在升级“华南闲肾回收登记平台”时,为了扩展业务,尤其是允许其他开发人员在其他平台向本系统提交有关肾的介绍资料,于是就为该系统增加了几个 Web API. 其中,有关肾的介绍采用纯文本方式提交,大概的代码是这样的. [Route("api/[controller]/[action]")] public class PigController : Controller { [HttpPost] public string KidneyRemarks([FromBody]str

JS---DOM---part4 课程介绍 & part3 复习

part4 课程介绍 事件 1. 绑定事件的区别 2. 移除绑定事件的方式及区别和兼容代码 3. 事件的三个阶段 4. 事件冒泡 5. 为同一个元素绑定多个不同的事件,指向的是同一个事件处理函数 6. 百度的大项目 7. BOM 8. 定时器 9. DOM加强,多个几个好玩的案例 part3 复习 节点: 节点:页面中所有的内容都是节点(标签,属性,文本:文字,空格,换行) 文档:document---页面中的顶级对象 元素:页面中所有的标签,   标签---元素--对象(通过DOM的方式来获取

Web API概念

Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节. 任何开发语言都有自己的API API的特征输入和输出(I/O) var max = Math.max(1, 2, 3); API的使用方法(console.log('adf')) Web API的概念 浏览器提供的一套操作浏览器功能和页

使用ASP.NET Web Api构建基于REST风格的服务实战系列教程【开篇】【持续更新中。。。】

小分享:我有几张阿里云优惠券,用券购买或者升级阿里云相应产品最多可以优惠五折!领券地址:https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=ohmepe03 最近发现web api很火,园内也有各种大神已经在研究,本人在asp.net官网上看到一个系列教程,原文地址:http://bitoftech.net/2013/11/25/detailed-tutorial-building-asp-net-

A Book Store Application Using AngularJS and Asp.Net Web Api

There are many examples out there demonstrating how AngularJS and Web API can be used together but almost all of them are in MVC, so I tried to implement this using Asp.Net web forms and this is what I came up with. For those who are new to AngularJS

通过Web Api 和 Angular.js 构建单页面的web 程序

在传统的web 应用程序中,浏览器端通过向服务器端发送请求,然后服务器端根据这个请求发送HTML到浏览器,这个响应将会影响整个的页面,比如说:用户通过一个连接导航到一个页面,会发送一个请求到服务器端,接下来服务器将会发送一个新的页面给浏览器. 但是在单页面应用程序中,整个页面只是在浏览器一开始请求的时候才会加载,接下来的请求,下来的交互请求都是通过ajax 来完成的,这就意味着只有部分的页面会更新,并不需要去加载整个的页面,这就减少了对用户操作的响应时间,从而使用户有一个更流畅的体验.但是在传统