html中怎么获取js中的数据

js是无法获取php后台里面的数据的，不过可以通过ajax获取php返回的json信息。

所谓的“{$title}”是一种模板语言，也就是每个框架自定义的，并非是PHP语言。

如果想在html里面或许变量title的信息，那么如果不是已经加载模板类，可以用最原始的PHP方法输出

使用js可以先将这个input设置一个id方便取值

使用jQuery可以更方便的解决这个问题。（需引入jQuery库）

所谓的动态赋值其实就是改变input的value属性。

<input type="text" name="name" id="name" />

<script type="text/javascript">

//js通过id获取html对象并赋值

doumentgetElenemtById("name")value="123";//通过id获取id为name元素并修改value属性为123

//通过jquery获取html对象并赋值

$("#name")val("123");//jquery通过id属性并修改value属性为123

$("input[name='name']")val("123");//jquery通过name属性获取html对象并赋值为123

</script>

js的doumentgetElenemtById(）方法可以通过id直接获取到html对象

jquery则通过定义的选择器获取html对象（$("#id")），这种方法更直观更简便。

你说的是这样么？<input name="name">  。

如果是的话：  jquery("input[name='name']")val();

但是一般不建议这么用， 这么用大多是用来控制样式，而不是取值，取值这个都需要精确控制，所以设置个ID， 指定获取更好

比如:

html代码：<input type="text" name="text1" id="input1" value="abc" />。

jq代码：&#36;("input")val();//会获取所有input元素的值,如果只有一个,就显示这一个。

&#36;(":text")val();//会获取所有input中类型为text的值；

&#36;("[name=='text1']")val();//会获取所有name为text1的值；

&#36;("#input1")val();//会获取id为input1的值,id在html中只能有一个。

如果要设置这个元素的值,就只需把val()中写上要设置的值就可以如:&#36;("input")val("123");//看一下效果

1获取元素内的文本例如：有标签<strong,取<strong的文本内容：非mozilla浏览器：strongeleminnertext其它浏览器：strongelemfirstchildnodevalue;还有一个通用的函数：function text(e){var t="";e = echildnodes || e;for(var j=0;j<elength;j++){t += e[j]nodetype != 1 e[j]nodevalue : text(e[j]childnodes);}return t;}2获取元素内的html所有现代浏览器，都实现了html dom 元素的一个额外属性：innerhtml使用这个属性就可以从一个元素中提取所有的html和文本了。如果元素内，只有文本，可以替换上面的方法；如果含有子元素，则提取所有子元素和文本。3 *** 作元素特性获取和设置特性的值，常用的可以使用getattribute和setattributeHTML DOM文档还有作为快速特性获取器（getter）/设置器（setter）的额外属性集合，比如：elementid="main",elementvalue="123",作者有个更通用的方法，来获取和设置，写得很好，可以看看81页。下面是总结的一些在DOM中常用的方法：/根据id获得元素/function id(name){return documentgetElementById(name);}/有elem参数，是查找elem下的节点名；如果没有elem，则查找整个文档/function tag(name,elem){return (elem || document)getElementsByTagName(name);}/找出全部有指定类值的元素/function hasclass(name,type){var r=[];var re=new RegExp("(^|//s)" + name + "(//s|$)");var e = documentgetElementsByTagName(type || "");for(var j=0;j<elength;j++)if(retest(e[j])) rpush(e[j]);return r;}/获取元素文本内容的通用函数/function text(e){var t = "";e= echildNodes || e;for(var j=0;j<elength;j++){

documentall是指文档内部的所有标签，从html开始

documentanchors指的是页面中所有的锚点，页面中锚点跳转的方法目前总结2种：

1采用name的形式：<a href="#top"></a>在要跳往的位置设置<a name="top"></a>(记得一定要是a标签)

2采用id的形式:<a href ="#bottom"></a>在要跳往的位置设置<div id="bottom"></div>(任意标签都可以)

小结:经过测试id的这种在documentanchors并不能获取，且documentanchorslength的个数是由有几个<a name=""></a>决定的

documentforms指获取页面中的所有的表单form(有多少个form标签documentforms,length就是多少)

关于form表单上面常用的一些属性:

1action:请求的地址，即表单的值发往的地址

2method:请求的方式，值有post和get

3enctype:请求的值怎样编码，值:

application/x->

在一个html页面生成的时候，js就已经把dom树创建好了

只要这棵树上有的数据，我们都可以通过js来获取使用

那么这个问题就变成js如何去查询dom树的节点了

js内置了以下几个查询节点的方法

1

2

3

documentgetElementById("id") //通过id来获取一个dom元素

documentgetElementsByName("name") //通过name属性来获取一个集合

documentgetElementsByTagName("tag") //通过标签来获取一个集合

如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了

举个栗子

1

2

3

4

5

6

7

8

9

10

11

12

var dom = documentgetElementById("id");

//如果是

alert(domsrc);

//如果该dom有class

alert(domclassName);

//如果该dom有value

alert(domvalue);

//如果该dom有文本

alert(dominnerHTML);

//输出dom的style

alert(domstylewidth);

//等等

当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了

1

2

3

4

5

6

7

8

//寻找所有class为bold的div

var c = documentgetElementsByTagName("div"), len = clength, r = [];

for(var i=0;i<len;i++){

if(c[i]className == 'bold'){

rpush(c[i]);

}

}

//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦

以上就是关于html中怎么获取js中的数据全部的内容，包括:html中怎么获取js中的数据、在html中,怎么使name属性变成动态、用jquery怎样获取input标签中name值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！