`

控制js输出的位置

    博客分类:
  • js
阅读更多
<html>
</style>
<body>

<div id="demoText" onclick="fun1()> aaa</div>
<div id="demoHtml" onclick="fun2()> bbb</div>




<script type="text/javascript">

function fun1() {
  demoText.innerText="zhongguo";
  }
function fun2{
demoHtml.innerHTML="<font color=red>HTML</font>"
}
</script>

</body>
</html>






特别说明
innerHTML 和 innerText属性设置对象内的内容,最后通过控制对象的位置而达到控制JS输出的位置的目的。
1.innerHTML 设置或获取位于对象起始和结束标签内的 HTML。
innerText 设置或获取位于对象起始和结束标签内的文本。
2.使用innerText 或 innerHTML输出之前目标对象必须已经加载
分享到:
评论

相关推荐

    js控制图片等比输出

    本篇文章将深入探讨如何使用JavaScript(简称js)来实现这一功能,并提供一个实用的代码示例。 首先,我们需要理解什么是等比缩放。等比缩放是指在调整图像尺寸时,保持其长宽比不变,即宽度和高度按相同的比例缩放...

    树莓派-通过Web控制GPIO针脚输出高低电平

    在本教程中,我们将探讨如何通过Web界面控制树莓派的GPIO(通用输入输出)针脚,实现高电平和低电平的切换,从而远程操控物理设备。这将涉及到以下几个关键知识点: 1. **树莓派GPIO接口**:树莓派拥有多种GPIO引脚...

    循环输出图形_javascript

    在本篇文章中,我们将深入探讨如何使用JavaScript通过循环来输出特定的图形,并对给定的两个图形进行详细的解析。此过程不仅涉及基本的循环结构,还会涵盖条件判断语句的应用,帮助读者更好地理解如何利用这些核心...

    js 特效 html 特效 可调节的输出形式

    js 特效 html 特效 可调节的输出形式 js 特效 html 特效 可调节的输出形式

    控制输出.rar

    2. **编程语言中的输出控制**:在各种编程语言中,如Python的`print()`,JavaScript的`console.log()`,Java的`System.out.println()`等,都有专门的函数或语句用于控制输出。此外,格式化输出也是常见需求,如C++的...

    servlet输出JS乱码问题

    知识点:Servlet输出JS乱码问题解析与解决方案 一、Servlet与JS输出背景 Servlet是Java Web应用中的核心组件,主要用于处理客户端发送的HTTP请求,并生成响应。在Web开发中,Servlet经常被用来处理业务逻辑,然后...

    javascript经典特效---打字机式字符输出.rar

    在"打字机式字符输出.htm"中,很可能使用了`&lt;script&gt;`标签内联编写JavaScript代码,或者引用了一个外部的`.js`文件。代码可能使用DOM操作(如`innerHTML`或`textContent`)来更新HTML元素的内容,实现字符的动态显示...

    输入数量和价格自动计算输出金额的js代码

    在表单提交或者输入改变时,可以通过JavaScript函数计算这两个字段的乘积,即"总价",并将结果输出到页面的指定位置。 具体实现时,可能会遇到的步骤包括: - 创建HTML表单,并包含两个输入字段和一个显示计算结果...

    js经典特效---各种形式文字输出.rar

    "js经典特效---各种形式文字输出.rar"这个压缩包文件包含了关于使用JavaScript实现各种文字输出效果的示例。其中,"各种形式文字输出.htm"很可能是展示这些效果的HTML页面。 1. **文字动画**:JavaScript可以用来...

    js for循环输出

    JavaScript中的`for`循环是一种常用的控制流语句,用于重复执行一段代码,直到特定条件不再满足。在JavaScript中,`for`循环有多种形式,但最常见的是四部分结构:初始化、条件检查、迭代更新和循环体。在这个案例中...

    03JavaScript流程控制语句.docx

    在JavaScript中,流程控制语句是程序执行的关键组成部分,它们决定了代码的执行顺序和逻辑。以下是对JavaScript流程控制语句的详细说明: 1. 顺序结构:这是最基础的代码执行方式,代码按照编写时的顺序逐行执行,...

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    ASP.NET中常用输出JS脚本的类

    ### ASP.NET中常用输出JS脚本的类 在ASP.NET应用开发过程中,有时我们需要通过服务器端代码来控制客户端的行为,例如弹出警告框、页面跳转等操作。这些功能可以通过输出JavaScript脚本来实现。本文将详细介绍一个...

    js消息提示,输出HTMl标签追加到页面

    在JavaScript编程中,"js消息提示,输出HTML标签追加到页面"是一个常见的需求,它涉及到用户界面交互和DOM操作。下面将详细讲解这个主题。 首先,JavaScript是一种强大的客户端脚本语言,常用于网页动态效果的实现...

    原生JS打印插件之jQuery.EasyPrint.js使用文档

    原生JS打印插件之jQuery.EasyPrint.js使用文档 调用浏览器自带打印功能,...js控制分页打印、打印分页示例;js 打印插件;js使用window.print()实现打印功能;代码仅5kb; 自主研发的一个轻量级超简单的js打印插件。

    ASP.NET中常用输出JS脚本的类实例

    这些方法的实现都利用了JavaScript的基本语法,并通过***后端代码生成相应的JS代码字符串,然后通过改进后的`ClientScript.RegisterStartupScript`方法输出。 在实际的***项目开发中,开发者可以参考这些方法来编写...

    数控直线运动工作台位置控制系统matlab仿真.docx

    数控直线运动工作台位置控制系统matlab仿真 一、系统模型建立 数控直线运动工作台位置控制系统是一个复杂的系统,它包括伺服电动机、减速器、滚珠丝杠传动、直线滚动导轨等组件。为了简化系统模型,我们可以忽略...

    wordpress中用JavaScript 输出页面代码的方法

    在JavaScript输出的内容中加入`nofollow`,可以有效地控制搜索引擎爬虫的爬取行为,避免将权重传递给那些不需要的页面。 总结而言,WordPress中使用JavaScript输出页面代码是一种有效的SEO策略,但要注意其潜在的...

    js基础教程

    #### 四、JavaScript输出内容 - **`document.write()`**:最常用的输出内容的方法。 - 示例: ```javascript document.write("我是菜鸟我怕谁!"); ``` #### 五、兼容性考虑 - 对于不支持JavaScript的浏览器,...

    javascript对象转换成json

    在JavaScript中,对象转换成JSON(JavaScript Object Notation)是一种常见的数据交换格式,它轻量级、易读、易写,被广泛应用于Web应用程序之间传递数据。JSON格式是基于JavaScript的一个子集,但它并不是...

Global site tag (gtag.js) - Google Analytics