JavaScript-对事件作出反应改变 HTML 内容改变 HTML 样式写入HTML输出_html/css_WEB-ITnose

对事件作出反应\

<!– alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

onclick 事件只是您即将在本教程中学到的众多事件之一。–>

我的第一段 Java Script 代码

    JavaScript 能够对事件作出反应。比如对按钮的点击:

改变 HTML 内容\

<!–您会经常看到 document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。
DOM(文档对象模型)是用以访问 HTML 元素的正式 W3C 标准。
–>

<!– 在这个例子中应当注意
1.getElementById 千万不要写错
2.id号可以是不同的,根据自己的需要自己定义,调用的时候要一一对应
3.编码格式要注意,在head中添加utf-8
4.这段代码不是在script标签中!!!
5.结合事件处理来修改自己的代码
–>

    

Change html content
    

我的第一段 JavaScript

JavaScript 能改变 HTML 元素的内容。

U o _ o U

function myFunction()
{
x=document.getElementById(“demo”);//查找元素
x.innerHTML=”Hello JavaScript!”;//改变内容
}

function myFunction_1()
{
y=document.getElementById(“Angel”);
y.innerHTML=”Today is a fun day!”;
}


改变 HTML 样式\

立即学习“Java免费学习笔记(深入)”;

Happy Birthday To You !!!

function myfunction()
{
x=document.getElementById(“demo”) // 找到元素
x.style.color=”#ff0000″; // 改变样式
}

写入HTML输出

    

document.write(“

This is a heading”);
document.write(“

This is a paragraph”);

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
编程技术

HTML5+CSS3使用Modernizr介绍_html/css_WEB-ITnose

2025-3-29 7:46:40

编程技术

选择器_html/css_WEB-ITnose

2025-3-29 7:47:11

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索