`

控制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控制图片等比输出

    用该js代码可以实现图片的等比输出,从而有效的避免图片输出后过大或严重变形的问题

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

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

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

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

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

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

    JS控制图片的大小

    javaScrpt控制图片的大小,希望可以帮助到你。

    使用 ML5.js 和 COCO-SSD 模型的 AI 对象检测 Web 应用程序

    JavaScript代码将这个视频流输入到COCO-SSD模型中,模型会检测视频帧中的对象,并将结果输出到画布元素中。然后,JavaScript将在画布上绘制带标签的边界框,指示对象的位置和名称。用户可以通过滑块调整每秒处理的帧...

    js停止输出代码

    方便我们控制js的停止往下执行

    js基础教学笔记.docx

    3、 初识JavaScript、JavaScript注释、JavaScript输入输出语句 4 4、 变量 6 5、 数据类型 7 6、 操作符 10 7、 流程控制 12 8、 循环 13 9、 JavaScript命名规范 14 10、 JavaScript数组 14 11、 JavaScript函数 15...

    可控硅控制器工作原理

    被加热的介质温度通过温度传感器输入到调节仪表(PID温控仪)或PLC或DCS ,经过PID运算或特点的温度算法后,输出控制信号(模拟量信号或总线信号)到电源调功器作为设定值进行调节,调功器根据设定值进行加热功率的...

    输出1000到1999年之间所有的闰年

    编写程序输出1000年(包含1000年)到1999年之间闰年的年份 并且控制每行输出的个数

    JavaScript教程

     程序控制流  函 数  事件驱动及事件处理  范例:自动装卸载;获取版本号 • 四、 基于对象的JavaScript语言  对象的基础知识  常用对象的属性和方法  范例:时钟 • 五、 创建新对象  对象的定义  创建...

    在PHP中输出JS语句以及乱码问题的解决方案

    怎样在php中输出js语句? 示例 &lt;?php $classState=; if($state==0){ $classState=已下课; } else{ $classState=正在上课; } echo [removed] function getState(){ var cs = .$state.; return cs; } [removed];...

    [removed]()及其输出内容的样式、位置控制

    JS中的最基本的命令之一:[removed](),... 既然可以输出变量,肯定会想要去控制下变量的显示,比如位置以及样式。第一种控制方法是应用内部添加样式的方法,比如 [removed](“&lt;font&gt;=font-size:20px;font-family= H

    javascript完全学习手册1 源码

    14.1.4 各种形式输出文字 392 14.1.5 跑马灯式说明文字 398 14.1.6 跳动的文字 400 14.2 图片特效 402 14.2.1 线性幻灯片 402 14.2.2 非线性幻灯片 409 14.2.3 展示翻页效果 416 14.2.4 展示缩略图新闻效果 419 ...

    js笔记.docx

    Document.Write():用来向页面输出可以包含HTML内容 需要把Document.Write放在script标签之间 浏览器就会把他当成js命令 [removed]的位置并不是固定的可以在文档的任意位置只要保证被使用前以读取并加载到内存即可

    JS控制网页动态生成任意行列数表格的方法

    主要介绍了JS控制网页动态生成任意行列数表格的方法,实例分析了javascript操作表格节点控制dom元素添加的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    JavaScript完全自学宝典 源代码

    2.1.html JavaScript中this在不同位置指向的对象。 2.2.html null类型的简单应用。 2.3.html 算术运算符用法。 2.4.html 逻辑运算符使用方法。 2.5.html 位运算符使用方法。 2.6.html 赋值...

    JsScan , 控制扫描仪的 Vue JS 组件

    JsScan 特点 ...可以输出成PDF,JPEG,PNG,BMP格式的电子档; 选择PDF输出格式,扫描后可以用默认程序打开; 选择其他格式,扫描后可以自动打开输出目录; PDF输出可以横竖方向混排; 支持Windows操作系统。

    javascript在线抽奖

    javascript在线抽奖,可以控制start与stop

    JavaScript实习报告.pdf

    掌握 JavaScript 的程序流程控制语句的运用; 4. 掌握 Firebug 的基本用法。 二、实验内容 1. 要求用户在文本框中年份,点击判断按钮,用 alert 函数输出该年是否是闰年的结果。 2.利用复选框让用户选择其爱好,用 ...

Global site tag (gtag.js) - Google Analytics