JavaScript基础 通过id查找节点 通过节点的style属性添加鼠标放上出现小手的效果 getElementById style

镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" />
    <script type="text/javascript">
        //js代码会在网页加载前执行,所以要想找到标签就必须写个onload
        window.onload = function () {
            //获取网页中Id=firstTest的p标签对象
            var pObj = document.getElementById("firstTest");
            //鼠标放上去变成小手
            pObj.style = "cursor:pointer";
        }
    </script>
</head>
<body>
    <p id="firstTest">hello world</p>
</body>
</html>

当我想通过截图展示效果的时候,发现 一截图那个小手就没了。。。所以,效果无法展示了。

——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。

注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。

时间: 2024-12-28 02:29:30

JavaScript基础 通过id查找节点 通过节点的style属性添加鼠标放上出现小手的效果 getElementById style的相关文章

JavaScript基础 鼠标放上触发事件onmouseover 鼠标移开触发事件onmouseout

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

JavaScript基础 通过parentNode.bgColor设置一个节点的父节点的背景颜色

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

JavaScript基础的知识总结——[1]

JavaScript 简介 JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言.JavaScript 是可插入 HTML 页面的编程代码.JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行.JavaScript 很容易学习. 下面是您将在本教程中学到的主要内容.JavaScript:写入 HTML 输出document.write("<h1>This is a heading</h1>"); JavaScript:对

三、JavaScript基础

一.概述 1.JavaScript的使用 HTML中的脚本必须位于<script>与</script>标签之间,脚本可以被放在HTML页面的<body>和<head>中 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JavaScript的使用</title> <script> ale

新旅程JavaScript基础篇一

一.JavaScript简介 什么是JavaScript? JavaScirpt 它是由网景公司开发一款基本浏览器.基于面向对象.事件驱动式的网页脚本语言! 基本浏览器:JS它是由浏览器来进行解析! 基于面向对象:JS中一切都是由对象来组成,对象是由属性与方法来组成! 事件驱动式:网页的某些动作 比如鼠标放上.鼠标经过.鼠标点击等等 它会被JS捕获到 然后赋予其一些JS代码! JavaScript的应用场景 l 表单验证 l 网页特效 l 一些网页上面小游戏 l AJAX  与服务器进行交互 J

JavaScript基础及函数,BOM,DOM的节点及DOM节点操作

使用js的三种方式 1.直接在HTML标签中,使用事件属性,调用js代码: <button onclick="alert('点我呀')">点我啊!<tton> 2.在页面的任意位置,使用script标签 <script type="text/javascript"> alert('哈哈哈') </script> 3.外部:使用script标签 src属性选择外部地址, type属性选择"text/javasc

JavaScript基础 删除属性removeAttribute 删除Body节点下第一个子节点的style属性

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

JavaScript的DOM编程--02--获取元素节点

如何来获取元素节点: 1) .document.getElementById: 根据 id 属性获取对应的单个节点 2) .document.getElementsByTagName: 根据标签名获取指定节点名字的数组, 数组对象 length 属性可以获取数组的长度 3) .document.getElementsByName: 根据节点的 name 属性获取符合条件的节点数组, 但 ie 的实现方式和 W3C 标准有差别: 在 html 文档中若某节点(li)没有 name 属性, 则 ie

初探JavaScript(一)——也谈元素节点、属性节点、文本节点

Javascript大行其道的时候,怎么能少了我来凑凑热闹^_^ 基本上自己对于js的知识储备很少,先前有用过JQuery实现一些简单功能,要论起JS的前世今生,来龙去脉,我就一小白.抱起一本<Javascript Dom编程艺术>,开始慢慢走近JS,与它套近乎,今天是第三天了,从目前来看,比较好相处.就此动笔,是一个回忆复习的过程,权当是自己的一份读书笔记. JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型,已经被广泛用于Web应用开发,常用来为网