2 yishuixs yishuixs 于 2016.03.06 10:59 提问

如下一段js可以如此用吗?

如下一段代码:

 <form action="calcSquare.php">
 <p>
  <label for=x>Number</label>:
  <input id="x" name="x" type="number">
 </p>
 <script>
  var x = document.getElementById('x');
  var output = document.createElement('p');
  output.textContent = 'Type a number; it will be squared right then!';
  x.form.appendChild(output);
  x.form.onsubmit = function () { return false; }
  x.oninput = function () {
    var v = x.valueAsNumber;
    output.textContent = v + ' squared is ' + v * v;
  };
 </script>
 <noscript>
  <input type=submit value="Calculate Square">
 </noscript>
</form>

这里,x.form.appendChild(output),可以如此用吗?谁能解释一下?这是我我在W3C里看到的一段代码

2个回答

showbo
showbo   Ds   Rxr 2016.03.06 12:03
已采纳

input对象的form属性为input所在form对象,ie8-不支持oninput和textContent属性。oninput同时添加onpropertychange,textContent改为innerHTML

u013596119
u013596119   Rxr 2016.03.06 11:14

x是id为x的input,x.form 指向的就是x所在form,然后appendChild就是添加新的child元素

但是input的form属性在ie中不支持,form属性的详情:

 http://www.w3schools.com/tags/att_input_form.asp
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
17. 用JavaScript实现如下效果:一个div的宽度从其初始宽度1px,每秒增长1px,直到变到100px,再从100px每秒减少1px,直到变回到1px,如此反复5次后,该变化停止,并将其最
html>head>meta http-equiv="Content-Type" content="text/html; charset=UTF-8">title>在此处插入标题title>head>body>div id="abc" style="width:1px;height:50px;border:1px solid">12div>script type=
JS+DIV实现许愿墙
简单的许愿墙效果。经测试可用。
js刷题记录
3、一个数组 par 中存放有多个人员的信息,每个人员的信息由年龄 age 和姓名 name 组成,如{age: 2, name: 'xx'}。请写一段 JS 程序,对这个数组按年龄从小到大进行排序。优化:function parSort(par) { return par.sort(function(arr1, arr2) { return arr1.age &amp;gt; a...
js操作json对象
工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结: 一、概念简介 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON
用简单工厂模式实现不同机器打印不同图形形状的简单例子
需要实现的内容: 设计一个计算机系统,显示并打印取自数据库的几何形状。用来显示和打印形状的分辨率类型取决于当前运行系统的计算机:CPU的速度和可用内存。系统必须留意自己对计算机的要求。 类图 结果展示 简单的总结 其实这个题目要求也可以使用抽象工厂来做,抽象工厂能够做的更好,但简单工厂更为简单直接。 简单工厂代码链接:这里写链接内容 ...
汇编第二章学习
#############################################################################2010年5月8日第二章1.课前思考  (1) 微计算机系统一般包括哪两部分?        答:计算机系统主要是由硬件和软件两大部分组成。  (2) 8086微处理器主要由哪几部分组成?它们的功能是什么?        答:整个微处理器分成
transition将鼠标悬停在一个div元素上,逐步改变表格的宽度从100px到300px::
div { width:100px; height:100px; background:red; transition:width 2s; } div:hover { width:300px; } 注意:该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。 鼠标移动到 div 元素上,查看过渡效果。
js获取日期跟星期几的一段小代码
用js获取日期跟星期几的一段小代码,挺好用的
实现函数 functionFunction,调用之后满足如下条件: 1、返回值为一个函数 f 2、调用返回的函数 f,返回值为按照调用顺序的参数拼接,拼接字符为英文逗号加一个空格,即 ', ' 3、所
实现函数 functionFunction,调用之后满足如下条件: 1、返回值为一个函数 f 2、调用返回的函数 f,返回值为按照调用顺序的参数拼接,拼接字符为英文逗号加一个空格,即 ', ' 3、所有函数的参数数量为 1,且均为 String 类型 输入例子: functionFunction('Hello')('world') 输出例子: Hello, world
许愿树——JS练习
一个简单的许愿树制作,记录一下 html> 许愿树 http-equiv="content-type" content="text/html;charset=utf-8"> type="text/css"> *{ margin: 0; padding: 0; } body{ background-image:url(images/