`
kalogen
  • 浏览: 886747 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

document.getElementById加onClick,onChange,style属性的方法

阅读更多

<a href="javascript:void(0)" id="c1">12322222222222222</a><br>
<select id="s1"><option value="1">111111111111</option><option value="2">222222222222</option></select>
<script>
document.getElementById ("c1").onclick=function()
{
 alert('c');
}
document.getElementById ("s1").onchange=function()
{
 s();
}
function s(){alert('s');}
</script>

 

style设置:

 

document.getElementById(src).style.display="none";       

分享到:
评论

相关推荐

    原生js操作checkbox用document.getElementById实现

    1、页面加载成功后,点击选中或取消选中该checkbox,checkbox属性里的checked属性不会根据该checkbox是否选中而变化 2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的...

    js 多种方法

    使用`document.referrer`属性获取当前文档的引用来源URL,并通过`document.write`将其显示出来。 ```javascript document.write(document.referrer); ``` 3. **注意事项**: - `document.referrer`返回的是...

    html5 audio demo【修复拖动进度条bug】

    &lt;button onclick="document.getElementById('myAudio').play()"&gt;播放 &lt;button onclick="document.getElementById('myAudio').pause()"&gt;暂停 &lt;input type="range" min="0" max="100" value="0" id="slider" onchange=...

    纯JavaScript实现获取onclick、onchange等事件的值

    这里,我们使用了`getAttributeNode()`方法来获取`onchange`属性作为一个属性节点,然后通过`nodeValue`获取其包含的函数调用字符串。 要注意的是,`getAttribute()`方法在处理事件时会返回一个函数对象,而不是...

    JavaScript表单属性判断以及存取(真实开发使用的js)

    表单元素的交互通常与事件处理紧密相关,例如`onchange`、`onclick`等: 1. 监听输入值变化:`input.addEventListener('change', function(){...})`。 2. 监听点击事件:`input.addEventListener('click', function...

    javascript知识点总结《三》

    document.getElementById('buttonId').onclick = function() { alert('按钮被点击'); }; ``` 2. **页面或图像加载事件** `onload` / `onunload` - **描述**:当页面或图像加载完成时触发`onload`,当用户离开...

    js基础笔记

    x.style.color = "#ff0000"; // 修改颜色为红色 } ``` 3. **动态更换图片**: - 通过监听点击事件来触发图片的更换。 4. **改变样式**: - 通过修改元素的 `style` 属性来改变其样式。 #### 三、函数定义与使用 ...

    js实现下拉列表选中某个值的方法(3种方法)

    需要注意的是,`document.all`是IE特有的属性,不具备通用性,因此在跨浏览器的脚本中推荐使用`document.getElementById`。 方法三:通过value来赋值 每个`&lt;option&gt;`元素可以设置一个value属性,该属性值在表单提交...

    JavaScript基础应用(讲义).doc

    本文详细介绍了 JavaScript 基础应用中涉及的重要知识点,包括文档对象模型、事件处理、Document 对象的方法和属性、表单对象的事件与验证等。通过这些基础知识的学习,可以帮助开发者更好地理解和运用 JavaScript ...

    输入一个字,文本域中显示可输入字数减1

    - **获取元素**:使用`document.getElementById()`或`document.all`等方法获取页面中的元素。 - **修改内容**:通过`innerText`或`innerHTML`属性修改元素的内容。 - **事件绑定**:通过在HTML元素上添加特定的事件...

    JavaScript获取onclick、onchange等事件值的代码

    var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue; alert(onchangeValue); }); ``` 在这里,`getAttributeNode("onchange")`返回了一个`Attr`对象,该对象的`...

    js默写标准文档

    - 获取下拉列表中被选中的项的序号:`document.getElementById("selectId").options.selectedIndex;` 以上内容概括了 JavaScript 的一些基础知识,对于初学者来说是非常重要的参考资料。希望这些信息能帮助你更好...

    100多个很有用的JavaScript函数以及基础写法汇总

    32. `style` 属性用于访问元素的CSS样式。 33. `addEventListener` 用于添加事件监听器,`removeEventListener` 移除监听器。 34. `event` 对象用于处理事件相关的数据。 35. `document.body.onload` 事件用于在页面...

    JavaSript所有事件处理(基本上常用的)

    document.getElementById("myButton").onclick = function() { alert("按钮被点击"); }; ``` ##### 2. `onDblClick` - **定义**:当用户双击鼠标左键时触发。 - **用途**:常用于文本编辑器中实现双击选词等...

    107个常用javascript语句

    捕获对象通用方法 function $(obj) {return document.getElementById(obj);} ("") %&gt; -5.字符串赋值数组var array=new Array(); array=tdrczpdata.split('&lt;BR&gt;'); -4;Request[""]; -3.常用iframe...

    Javascript中最常用的经典技巧

    除了`onclick`,还有其他常见事件如`onmouseover`(鼠标悬停)、`onmouseout`(鼠标离开)、`onchange`(表单元素改变)等。 2. **DOM操作**:通过`document.all`对象可以访问到IE浏览器中的所有元素,但现代浏览器...

    JavaScript核心基础到进阶之路1

    例如,`document.getElementById('id')`用于获取ID为特定值的元素,`document.getElementsByTagName('tagname')`可以找到所有指定标签名的元素,而`document.getElementsByClassName('class')`则用于根据类名选择...

    htm5的音乐播放器

    &lt;input type="range" min="0" max="1" step="0.01" value="1" onchange="document.getElementById('myAudio').volume=this.value"&gt; ``` 在这个例子中,`&lt;source&gt;`标签用于指定音频文件的路径和类型,`&lt;audio&gt;`标签...

    js实现省市地区三级联动并获取省市县的值

    var citySelect = document.getElementById('city'); citySelect.innerHTML = '&lt;option value=""&gt;--请选择城市--&lt;/option&gt;'; citySelect.disabled = false; if (regions[province]) { for (var i = 0; i ...

    按钮控制网页背景音乐

    这里的`id="myMusic"`用于唯一标识音频元素,`src="music.mp3"`指定了音乐文件的路径,`autoplay`属性使得页面加载时音乐自动播放,`loop`属性则让音乐循环播放。 然而,仅仅这样还无法实现按钮控制音乐播放。我们...

Global site tag (gtag.js) - Google Analytics