<html>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
var A = document.createElement("A");
A.setAttribute("href","#");
A.appendChild(document.createTextNode("一些文字"));
document.getElementsByTagName("BODY")[0].appendChild(A);
//-->
</SCRIPT>
</BODY>
</html>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function newelement(){
var a=document.createElement("a");
a.href="javascript:alert('A link.')";
a.innerHTML="aaa";
var img=new Image();
img.src="http://img.baidu.com/img/post-jg.gif";
img.style.border="none";
a.appendChild(img)
document.getElementById("oData").appendChild(a);
img.onmouseover=function(){
this.src="http://www.baidu.com/img/sslm1_logo.gif";
}
img.onmouseout=function(){
this.src="http://img.baidu.com/img/post-jg.gif";
}
}
</script>
</HEAD>
<BODY onload=newelement()>
<SPAN ID="oData" ></SPAN>
</BODY>
</html>
分享到：
相关推荐
本文将详细探讨`document.createElement("A")`方法在创建HTML锚点标签`<a>`时所使用的属性，并通过实例来展示如何利用这些属性来实现特定的网页效果。 首先，`document.createElement("A")`方法是JavaScript中非常...
`document.createElement()` 是JavaScript中的一个核心方法，用于在DOM（Document Object Model）中动态创建新的元素节点。这个方法允许开发者在网页加载后根据需要添加新的HTML元素，为页面增加交互性和动态性。它...
var link = document.createElement("a"); link.href = "http://www.baidu.com"; link.innerText = "百度"; document.body.appendChild(link); } function CreateLabel() { var lbl = document.createElement...
const elt = document.createElement('a'); elt.setAttribute('href', url); elt.setAttribute('download', 'file.png'); elt.style.display = 'none'; document.body.appendChild(elt); elt.click(); d
搞了一天,终于把A里面的属性弄出来 代码1: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]代码2: New Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
然而，一个常见的问题是在Internet Explorer（IE）浏览器中，通过`document.createElement`创建的`iframe`元素无法设置`name`属性，这可能导致一些功能无法正常工作，例如链接或表单的目标定位。 `name`属性对于`...
在这个例子中，`<a>`元素作为选项卡，它们的`href`属性指向对应的`<div class="tab-content">`，点击时切换显示的内容。 总结来说，使用JavaScript展示`<table>`是一种常见且强大的数据呈现方式，结合SSO和选项卡...
var iframe = document.createElement("iframe"); iframe.name = "dynamicFrame"; iframe.src = "your-source-url.html"; document.body.appendChild(iframe); ``` - **处理跨域问题**：当iframe加载的页面与...
### Document属性和方法详解 #### 一、Document对象概述 `Document`对象是浏览器中一个非常重要的对象，它表示整个HTML文档。通过`Document`对象，开发者可以访问页面中的所有元素，实现对网页内容的动态操作。下面...
在JavaScript的世界里，`document.createElement`是一个非常基础且重要的函数，用于在DOM（Document Object Model）中创建新的HTML元素。然而，随着Web开发的不断进步，开发者们有时会需要更高级、更灵活的功能来...
3. `document.body.alink`: 激活的链接颜色。 4. `document.body.vlink`: 已被点击过的链接颜色。 5. `document.body.text`: 文本颜色。 6. `document.body.innerText`: 获取或设置`<body>`标签内的文本内容。 7. `...
3. document.body.alink：激活链接（焦点在此链接上）的颜色。 4. document.body.vlink：已点击过的链接颜色。 5. document.body.text：文本色。 6. document.body.innerText：设置 `<body>` 和 `</body>` 之间的...
以上是`Document`对象及其相关属性和方法的基本概述。理解和熟练使用这些特性对于JavaScript开发者来说非常重要，它们是实现页面动态交互和DOM操作的基础。在实际开发中，开发者还需要结合CSS和事件处理来构建丰富的...
const link = document.createElement('a'); link.href = dataUrl; link.download = 'output.png'; link.click(); ``` 以上是一个基本的SVG转图片的JavaScript实现流程。然而，实际开发中，可能需要处理更复杂...
4. **`document.body`相关属性**： - `document.body`：获取文档的`<body>`元素。 - `document.body.bgColor`：获取或设置`<body>`的背景颜色。 - `document.body.link`：获取或设置未访问过的链接的颜色。 - `...
本文将深入解析Document对象的相关属性与方法，帮助读者更好地理解和运用这些功能。 #### 一、Document对象基本属性 **1.1 `document.title`** - **作用**：获取或设置当前文档的标题。 - **示例**：可以通过`...
- `document.body.bgColor`, `document.body.link`, `document.body.alink`, `document.body.vlink`, `document.body.text`: 这些属性已过时，现在应使用CSS来设置样式。 - `document.body.innerText` 和 `...
var createA = document.createElement("a"); // 创建一个 a 元素 createA.id = "a1"; // 设置 id 属性 createA.innerText = "连接到百度"; // 设置链接文本 createA.href = "https://www.baidu.com"; // 设置...
### JavaScript Document对象详解 ...以上就是关于`document`对象的详细介绍及其相关属性、方法和事件的使用示例。通过熟练掌握这些内容，开发者可以更加灵活地操作Web页面，实现丰富的交互效果。