首页 > 代码库 > javascript学习笔记——如何修改<a href=http://www.mamicode.com/"#">url name</a>

javascript学习笔记——如何修改<a href=http://www.mamicode.com/"#">url name</a>

0.前言
    使用了一段时间javascript,再花了点时间学习了jquery,但是总是感觉自己很"迷糊",例如<a href=http://www.mamicode.com/"#">url name中,如果修改href中的“#”应如何编写代码,如果修改url name应如何编写代码。再加上javascript和jquery操作方法略有不同,所以我就更“迷糊”了。
    【说明】
    曾经使用关键词——“innerHTML和value区别”,在百度和谷歌中搜索,再认真阅读HTML文档之后发现innerHTML和value其实根本没有可比性,或许innerHTML和属性才具有一定的可比性。

1.简单比较
    【innerHTML】或【innerTEXT】
    innerHTML或innerTEXT指标签中的元素,更简单的说innerHTML或innerTEXT出现在><之中,在<a href=http://www.mamicode.com/"#">url>
    【属性】或【value】
    在<a href=http://www.mamicode.com/"#">url name中,HTML a标签具有一个href属性,而该属性值为#。在表单类控件中经常出现value属性,例如<input type="text"  value=http://www.mamicode.com/"Hello World">,那么HTML input标签中具有一个value属性,其值为“Hello World”。和innerHTML或innerTEXT对应,属性一定出现在<>中。

2.获取与设置
    【javascript】
    【innerHTML】
            【设置】 document.getElementById("id").innerHTML="xxx";
            【获取】 var urlname = document.getElementById("#id").innerHTML;
    【属性】
            【设置】 document.getElementById(“id”).href="http://xxxx";
            【获取】 var url = document.getElementById(“id”).href;
    
    【jquery】
    【innerHTML】
            【设置】 $("#id").html("url name");
            【获取】 var urlname = $("#id").html();
    【属性】
            【设置】 $("#id").attr("href","www.sina.com.cn");
            【获取】 var url = $("#id").attr("href");

3.简单例子
【示例】——演示网址京东云擎

图1 示例
【代码】
<!DOCTYPE html>
<html>
<head>
<script src=http://www.mamicode.com/"jquery.js"></script>>


4.参考资料
【1】HTML DOM innerHTML 属性
【2】HTML DOM value 属性
【3】jQuery html() 方法
【4】jQuery val() 方法
【5】jQuery 设置内容和属性