美文网首页
访问属性标签

访问属性标签

作者: 陈庆香 | 来源:发表于2018-08-01 09:02 被阅读0次

// 第一种方式,通过.或者[]来获取 => 获取inp的type属性

var inp = document.getElementById('inp');

console.log(inp.type);

console.log(inp['type']);

// 第二种方式,通过getAttribute获取 => 获取img的src属性

var img = document.getElementById('img');

    console.log(img.getAttribute('src'));

// 设置属性(setAttribute) => 把src设置为百度的logo

img.setAttribute('src','https://www.baidu.com/img/bd_logo1.png');

// 删除属性(removeAttribute) => 删除title属性并打印

img.removeAttribute('title',img.title);

相关文章

  • 访问属性标签

    img/DOM树.png"title="hello"id="img"/> // 第一种方式,通过.或者[]来获取 ...

  • 访问属性标签

    // 第一种方式,通过.或者[]来获取 => 获取inp的type属性 var inp = document.ge...

  • Json笔记

    Json语法 使用json标签编写的对象也具有属性和方法,能够利用据点标签进行访问: 访问json数据 eval(...

  • 标签的control属性和文本框placeholder属性的使用

    标签的control属性:可以在标签(label)内部放置一个表单元素,并且通过该标签的control属性来访问表...

  • 前端-1

    访问网站 :显示一条横线 如果属性名和属性值相同的话,可以省略属性名 head标签 ...

  • 无处安放

    1、取消a标签的默认行为 2、自定义属性的操作 访问:元素.getAttribute(属性名);设置属性:元素.s...

  • CORS(跨域资源共享-跨域访问)

    概述 出于安全原因,浏览器允许通过标签进行跨域访问(如img标签的src属性),但限制从脚本内发起的跨源访问(如A...

  • xhtml常用标签的默认属性

    a标签 默认属性及属性值 ·未被访问的链接带有下划线而且是蓝色的 ·已被访问的链接带有下划线而且是紫色的 鼠标放上...

  • day1-web前端基础

    一、基本结构 标签:单标签、双标签单标签:<标签名 属性=属性值 属性=属性值/>双标签:<标签名 属性=属性值 ...

  • 表单标签

    表单标签