`
yxylwt
  • 浏览: 14524 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript 用getElementById得到的变量测试

JavaScript 
阅读更多
测试代码如下，得到的结果好像这个变量是一个指向dom元素的指针
为 dom元素新增的属性，变量可以同步得到，删除 dom元素后这个变量继续可以使用
删除后再新增同名dom，变量和dom的关系彻底断开。
还有用getElementById获得的变量，不知道会不会内存泄露。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>无标题页</title>
</head>
<body>

  <div id="test">test</div>
 
  <div id="viewtest" onclick="alert(test.innerHTML);alert(test.red)">viewtest</div>
 
  <div id="deletetest" onclick="document.body.removeChild(document.getElementById('test'));">deletetest</div>
 
  <div id="createtest" onclick="cdiv();">createtest</div>
 
  <div id="changetest" onclick="document.getElementById('test').innerHTML='1234';document.getElementById('test').red='red'">changetest</div>
  <script>
    var test = document.getElementById("test");
    function cdiv()
    {
        oDiv = document.createElement('div');
        oDiv.id='test';
        oDiv.innerHTML='test';
        document.body.appendChild(oDiv);
   
    }
   
  </script>
</body>
</html>
分享到：
| json+pop窗体实现的无限菜单（网上的代码改 ...
评论
发表评论

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

相关推荐

    JavaScript对象变量图

    JavaScript对象变量图是一种表示JavaScript程序中变量和它们之间关系的图形化工具，它有助于开发者理解对象、变量、函数以及它们如何相互作用。在JavaScript中，一切都是对象，包括基本类型（如字符串、数字、布尔值...

    HTML+Javascript+CSS测试题

    例如，可以使用`document.getElementById()`获取元素，`element.innerHTML`改变元素内容，`addEventListener()`添加事件监听器。此外，JavaScript还可以利用AJAX（Asynchronous JavaScript and XML）实现异步数据...

    WEB开发 之 JavaScript 变量.docx

    声明JavaScript变量通常使用`var`关键字，如`var carname;`。声明变量后，可以立即赋值，如`var carname="Volvo";`，或者在之后的代码中赋值。在HTML中，可以使用JavaScript操作DOM元素，如`document.getElementById...

    JavaScript内部测试题1

    JavaScript，作为全球最广泛使用的编程语言之一，是前端开发的核心技术。这门动态类型的脚本语言在网页交互、用户界面动态化以及Web应用程序构建中扮演着至关重要的角色。本内部测试题1主要针对JavaScript的基础知识...

    PHP+JavaScript+HTML变量之间赋值及传递1

    总的来说，这篇文章介绍了如何在PHP、JavaScript和HTML之间传递和赋值变量，包括通过URL参数传递、JavaScript获取URL参数以及使用AJAX进行异步通信。了解这些基本技巧对于构建动态和交互式的Web应用至关重要。

    javascript作业题答案

    首先，JavaScript的核心知识点包括变量、数据类型、控制流程、函数和对象。变量是存储数据的地方，JavaScript支持基本数据类型（如字符串、数字、布尔值）以及复杂数据类型（如对象和数组）。控制流程语句如条件语句...

    javaScript测试题

    这份"JavaScript测试题"针对在校大学生的复习和考试，涵盖了JavaScript的基础知识，旨在帮助学习者巩固和提升JavaScript编程技能。 首先，JavaScript是一种解释型的、基于原型的、动态类型的脚本语言。它的主要应用...

    JavaScript中的变量监听：实时捕捉变化的利器 .pdf

    ### JavaScript中的变量监听 在现代Web开发中，变量监听是一项重要的技术，它允许开发者实时捕捉变量的变化，并在这些变化发生时触发相应的事件处理逻辑。这项技术对于构建动态、响应式的用户界面至关重要。本文将...

    javascript试题(附答案)

    在JavaScript中，变量不需要预定义类型，可以动态改变。`var`关键字用于声明变量，例如`var age = 25;`。JavaScript有七种数据类型：Undefined、Null、Boolean、Number、BigInt、String和Symbol（ES6新增）。 二、...

    JavaScript\JavaScript教程

    JavaScript的基础语法包括变量声明（var、let、const）、数据类型（number、string、boolean、null、undefined、object、symbol、bigint）、运算符（算术、比较、逻辑、位运算、三元运算）、流程控制（if...else、...

    JavaScript小技巧全集 JavaScript教程 JavaScript源代码集

    JavaScript，作为全球最广泛使用的脚本语言之一，是构建网页动态功能和交互效果的基础。这个“JavaScript小技巧全集”提供了丰富的教程和源代码，旨在帮助开发者深入理解和掌握JavaScript的各种实用技巧。 首先，...

    javascript经典特效---测试点击速度.rar

    在JavaScript中，我们可以利用事件监听、计时器和变量来实现这样的功能。 首先，我们需要在HTML页面上设置一个可以点击的元素，如按钮，然后为该元素添加一个点击事件监听器。这可以通过JavaScript的`...

    javascript入门学习笔记

    了解如何编写高性能的JavaScript代码同样重要，包括避免全局变量、合理使用缓存、减少DOM操作等技巧。 九、调试与测试 学会使用浏览器的开发者工具进行调试，以及使用Mocha、Jest等工具进行单元测试和集成测试，是...

    JavaScript视屏教程-2.变量,小学生数学与简单的交互

    变量,小学生数学与简单的交互”中，我们将深入探讨JavaScript的基础知识，特别是变量的使用以及如何利用这些基本概念创建简单的用户交互。 首先，变量是程序中的基石，它们用于存储数据。在JavaScript中，你可以...

    在JavaScript中访问C＃变量

    使用ScriptManager的RegisterStartupScript或RegisterClientScriptBlock方法，可以在页面加载时注入JavaScript代码，将C＃变量传递给JavaScript。 ```csharp // C# 代码 ScriptManager.RegisterStartupScript...

    Asp.net 页面调用javascript变量的值

    本文将详细介绍如何在***页面中调用JavaScript变量的值，并将这些值赋给页面中的TextBox控件。 首先，我们需要了解***和JavaScript的交互方式。***主要运行在服务器端，而JavaScript主要运行在客户端（浏览器）。...

    JavaScript各种使用例子

    JavaScript是一种广泛应用于网页和网络应用的脚本语言，它主要负责网页的动态交互，使得用户在与网页交互时能够获得更丰富的体验。本资源包"JavaScript各种使用例子"收集了一系列JavaScript的实际应用示例，旨在帮助...

    C#代码与javaScript函数的相互调用

    根据给定的信息，本文将详细探讨C#与JavaScript之间的相互调用方法，主要涉及四个方面的内容：如何在JavaScript中访问C#函数、如何在JavaScript中访问C#变量、如何在C#中访问JavaScript已有的变量以及如何在C#中访问...

    JavaScript-学习笔记.pdf

    - 获取元素：使用`document.getElementById()`、`document.getElementsByTagName()`等方法。 - 事件基础：为元素绑定事件处理器，监听用户的交互行为。 - 操作元素：通过DOM提供的属性和方法可以修改元素的样式、...

    javascript经典实例源码

    JavaScript，作为全球最广泛使用的编程语言之一，是创建交互式网页和动态应用的关键工具。这个“javascript经典实例源码”集合提供了一系列小实例，对于深入理解JavaScript语法、函数、对象、DOM操作以及事件处理等...

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