zoukankan      html  css  js  c++  java
  • js-取值&赋值-获取某标签某属性的值

    js 取值&赋值-获取某标签某属性的值

    CreateTime--2016年10月16日16:35:34

    Author:Marydon

    1.取值

    //方法一
    //自定义属性必须用getAttribute()方法
        var iframeSrcAttr = document.getElementById("importJsp").getAttribute("src");
        获取得到的值是:test.html
    //方法二
        var iframeSrcAttr = document.getElementById("importJsp").src;
        获取得到的值是:http://127.0.0.1:8020/demo/test.html
    //方法三
        var iframeSrcAttr = document.getElementById("importJsp").attributes["src"].value;
        获取得到的值是:test.html

    2.改变已存在属性的属性值

    //方法一
    document.getElementById("importJsp").setAttribute("src","#");
    //iframe标签的src属性值已更改为"#"
    console.log(document.getElementById("importJsp").getAttribute("src"));
    //方法二
    document.getElementById("importJsp").attributes["src"].value="#";                    
    //iframe标签的src属性值已更改为"#"
    console.log(document.getElementById("importJsp").getAttribute("src"));

      更改src没有用,只能将iframe标签全部替换掉才行

    <iframe id='importJsp' width='700' height='500' frameborder='0' src='test.html'></iframe>

    3.移除某一属性
      removeAttribute("要移除的属性名");

     相关推荐:

  • 相关阅读:
    封装微信小程序
    请求formdata格式
    基于vue的前端框架
    es6 入门
    测试缓存时间问题console.time
    export 与 export default, 以及import引用
    vue emit 实现非父子之间的值传递
    css3 弹性盒子display:flex
    iview $modal 的封装
    render iview tab select的添加和input的添加
  • 原文地址:https://www.cnblogs.com/Marydon20170307/p/6541484.html
Copyright © 2011-2022 走看看