`

js对象的innerHTML属性

jsJavaScript 
阅读更多
<html> 　　
<head> 　　
<script type="text/javascript"> 　　
function getInnerHTML() { 　　
alert(document.getElementById("tr1").innerHTML); 　　
} 　　
</script> 　　
</head> 　　
<body> 　　
<table border="1"> 　　
<tr id="tr1">
<td>Firstname</td><td>Lastname</td>
</tr> 　　
<tr id="tr2"><td>Peter</td><td>Griffin</td>
</tr> 　　
</table> 　　
<br /> 　　
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" /> 　　
</body> 　　
</html>

弹出来的内容是：
<td>Firstname</td><td>Lastname</td>[color=black][/color][/size][size=medium][size=medium][/size][align=left][/align]
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript对象、属性

    ### JavaScript对象与属性详解 #### Document对象及其方法 在JavaScript中，`Document`对象是用于访问和操作HTML文档的核心对象之一。它包含了多种方法和属性，可以帮助开发者动态地修改网页内容。 - **`document...

    javascript 对象操作作业题

    ### JavaScript对象操作作业题解析 #### 题目一：创建div并设置innerHTML值 1. **创建一个div元素**： - 使用`document.createElement('div')`创建一个新的div元素。 2. **设置div的innerHTML属性**： - 通过`....

    JavaScriptdocument对象方法属性大全

    ### JavaScript Document对象方法属性详解 在前端开发领域，掌握JavaScript中的`Document`对象是至关重要的。`Document`对象是浏览器窗口中的文档的根节点，它提供了丰富的API来操作和访问HTML文档的内容。以下是对...

    innerHtml（转）

    标题中的"innerHtml（转）"可能是指HTML DOM（Document Object Model）中的一个属性`innerHTML`，这是一个非常关键的概念，特别是在JavaScript中用于处理HTML元素的内容。`innerHTML`允许我们获取或设置HTML元素内部...

    JavaScript对象参考手册

    JavaScript对象参考手册详细列出了JavaScript内置对象的属性和方法，这对于开发者来说是一个非常宝贵的资源。 1. **Array对象**： - Array对象用于创建数组，可以存储任意类型的数据。创建方式有多种，如`new ...

    js基础之DOM中元素对象的属性方法详解

    本文将对JavaScript中关于DOM（文档对象模型）元素对象的属性和方法进行详细解析。DOM是用于表示和交互HTML或XML文档的API，它是JavaScript中最为重要的组成部分之一，允许我们通过脚本来读取、修改和删除文档内容、...

    javascript中innerText和innerHTML属性用法实例分析

    总的来说，`innerText` 和 `innerHTML` 是JavaScript中处理元素内容的两个关键属性，它们各有优势，适用于不同的场景。`innerText` 更侧重于纯文本操作，而 `innerHTML` 则允许复杂的HTML结构操作。理解并恰当使用这...

    javascript 常用的属性与方法

    本篇文章主要聚焦于JavaScript中的一些常用属性和方法，特别是针对文档对象模型（DOM）的操作。 1. **document对象**：作为JavaScript中的全局对象，它代表了整个HTML或XML文档。例如，`document.title`用于设置或...

    javascript中innerHTML 获取或替换html内容的实现代码

    JavaScript中的innerHTML属性是一个非常实用的功能，它允许我们获取或替换HTML元素内部的HTML内容。这个属性在网页动态更新和DOM（文档对象模型）操作中扮演着重要角色。在这篇文章中，我们将深入理解innerHTML的...

    Js Div属性大全

    在JavaScript中，我们可以通过各种属性来控制和操作Div元素，实现丰富的动态效果。以下是一些主要的Div属性及其详细说明： 1. accessKey：设置或获取对象的快捷键，使得用户可以通过键盘快速激活Div元素。 2. ...

    Javascript中innerHTML用法实例分析

    它是 Document 对象的一个属性，可以通过 JavaScript 对象访问到。比如，如果我们有一个页面元素的 ID 是 "someElementId"，我们可以通过以下方式获取这个元素的内容： ```javascript var content = document....

    javaScript 生成DOM 对象（html标签）.rar

    生成DOM对象主要有两种方式：一是使用`document.createElement()`方法，二是利用innerHTML属性。`document.createElement()`允许我们创建指定标签名的新元素，例如： ```javascript var newElement = document....

    韩顺平老师笔记JS面向对象和dom编程笔记

    JavaScript（JS）是一种广泛用于网页和网络应用的脚本语言，它支持面向对象编程（OOP）的概念。面向对象编程是一种编程范式，它以对象为基本单位，通过封装、继承和多态等特性来组织代码。 1. **对象和实例化**：在...

    js document对象详解

    作为 JavaScript 脚本语言中最重要的对象之一，document 对象提供了大量的属性和方法来操作和控制 HTML 文档。下面是对 document 对象的详细介绍。 document 对象属性 1. document.title：设置文档标题，等价于 ...

    javascript层的属性事件写法

    比如，要改变一个元素的文本内容，可以使用`innerHTML`属性，如`element.innerHTML = '新的内容'`。若要更改元素的样式，可以操作`style`对象，例如`element.style.backgroundColor = 'red'`将背景色设为红色。 ...

    javascript document对象详细介绍

    ### JavaScript Document对象详解 #### 一、概述 在Web开发中，`document`对象是浏览器提供的核心对象之一，它代表了当前加载的HTML文档，并且提供了访问和操作文档中的元素和内容的方法。通过`document`对象，...

    jquery对象和dom对象.doc

    这些DOM对象可以使用JavaScript原生的属性和方法，如`innerHTML`，`style`等。 例如，以下代码展示了如何获取和设置元素的`innerHTML`： ```javascript // 使用jQuery对象 $("#msg").html(); // 将jQuery对象转换...

    javascript转换字符串为dom对象（字符串动态创建dom）.docx

    JavaScript 转换字符串为 DOM 对象（字符串动态创建 DOM） 在 JavaScript 中，动态创建标准的 DOM 对象...使用 `innerHTML` 属性，我们可以轻松地将字符串转换为 DOM 对象，并且可以使用这个函数来动态创建 DOM 对象。

    JavaScript的Table表格对象

    在JavaScript的世界里，Table表格对象是网页动态交互中不可或缺的一部分，尤其在处理用户数据展示和操作时。本文将深入探讨如何使用JavaScript来操作HTML中的表格元素，包括获取单元格、行的数据以及各种属性。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics