原生js属性值的添加，替换，修改等
内容摘要
这篇文章主要为大家详细介绍了原生js属性值的添加，替换，修改等，具有一定的参考价值，可以用来参考一下。
文章正文
这篇文章主要为大家详细介绍了原生js属性值的添加，替换，修改等，具有一定的参考价值，可以用来参考一下。
对此感兴趣的朋友，看看idc笔记做的技术笔记。原生js对于我来说确实用的很少，但是今天就想着把原生的js的一些基础知识重新复习一下，毕竟现在关于的原生js的一些插件再复杂也是万变不离其综。先复习一下原生js的一些属性值的添加，替换，修改等。
（其实添加和替换的效果差不多）案例1：是添加替换input中的value值，更改button的value值 html代码如下：
<input type="text" id="Text" value="" name=""/>
<select id="Select">
<option value="北京">北京</option>
<option value="杭州">杭州</option>
</select>
<input id="Btn" type="button" value="按钮" name=""/>写出来的布局效果是这样的而我想要的效果是“按钮”，“按钮”两个字变“btn”，然后input框中写入select框中的内容，那么js是这样写的：
/**
* 原生js属性值的添加，替换，修改等
*
* @param
* @arrange （www.idcnote.com）
**/
<script>
window.onload= function(){
var oText=document.getElementById("Text");
var oSelect=document.getElementById("Select");
var oBtn=document.getElementById("Btn");
oBtn.onclick=function(){
oBtn.value="btn";
oText.value=oSelect.value;
};
}
</script>点击后效果图如下：案例二：更改p标签里的html内容写入到input框中： html代码如下：
<input id="text1" type="text" />
<p id="p1">这是一些文字</p>
<input id="Btn" type="button" value="按钮" name=""/>布局很简单如图所示：接下来看js的写法：
/**
* 原生js属性值的添加，替换，修改等
*
* @param
* @arrange （www.idcnote.com）
**/
<script>
window.onload= function(){
var oPtxt=document.getElementById("p1");
var oText=document.getElementById("text1");
var oBtn=document.getElementById("Btn");
oBtn.onclick = function(){
oText.value = oPtxt.innerHTML
};
}
</script>效果如下：是不是很简单的操作呢？以上就是我今天所写的一些简单的例子。
注：关于原生js属性值的添加，替换，修改等的内容就先介绍到这里，更多相关文章的可以留意
代码注释
作者：喵哥笔记
