
如某元素的id为 oId
html方法获取:
var html = $("#oId")html(); //该方法获取内容包含元素内的标签
text方法获取:
var text= $("#oId")text(); /该方法获取内容不包含元素内的标签
如:
<script>
$(function(){
alert($("#oDiv")html());
alert($("#oDiv")text());
});
</script>
<div id="oDiv">name:<span>ligoudan</span></div>
依次 提示
name:<span>ligoudan</span> //html()获取
name:ligoudan //text()获取
下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容
<!DOCTYPE html>
<html>
<head>
<script>
function cell()
{
var x=documentgetElementById('myTable')rows[0]cells;
alert(x[0]innerHTML);
}
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言。
将文章的html代码存入到数据库中,读取时不能简单地截取一定字符,必须根据html的结构适当截取内容,否则将显示错误,下面是使用SystemWindowsForms中的WebBrowser进行Html解析的代码
public string GetAbstract(string content, int maxLength){
string text = "";
SystemWindowsFormsHtmlDocument html;
if (contentLength < maxLength)
{
text = content;
}
else
{
SystemWindowsFormsWebBrowser browser = new SystemWindowsFormsWebBrowser();
browserNavigate("about:blank");
html = browserDocumentOpenNew(true);
browserDispose();
htmlWrite(content);
foreach (SystemWindowsFormsHtmlElement ele in htmlBodyChildren)
{
if (textLength + eleOuterHtmlLength < maxLength)
{ text += eleOuterHtml; }
else { break; }
}
}
return text;
}
}
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++){
只能通过JavaScript来获取, 然后通过JS获取, 然后通过JavaScriptInterface来传递给Java层。
做webview,遇到2种需求,一种是在自己服务器上的HTML中获取数据,另一种是通过自己服务器上的HTML中的超链接跳到另一个站点的HTML中,并获取数据。
于是,总结了2种通过webview获取网页上的数据的方式:
第一种:简单点的,直接通过js调java,在调用方法的过程中将数据通过方法的参数传递给Android端,(前提:服务端有对应的faxun对象,而且调用的方法是showImages(String[] imgUrls))。
class MyJavaScriptInterface {
MyJavaScriptInterface() {
}
/
js调java,显示
@param imgUrls
/
@JavascriptInterface
public void showImages(String[] imgUrls) {
LogUtilsi(TAG, "imgUrls = " + imgUrls[0]);
NewsDetailWebviewActivitythisimgUrls = imgUrls;
}
}
webViewaddJavascriptInterface(new MyJavaScriptInterface(), "faxun");
第二种:有点复杂,通过webview注册一个本地接口后,然后通过java调js,拿到document对象后,解析HTML标签,然后数据会通过本地接口中的回调方法传递给Android端,(前提:HTML页面中的meta标签中有对应的reply_info名称和content属性,数据是封装在content里面的json格式的字符串)。
class MyWebClient extends WebViewClient {
@Override
public void onPageFinished(WebView view, String url) {
viewloadUrl("javascript:windowgetShareDataOnGetShareData("
+ "documentquerySelector('meta[name=\"reply_info\"]')getAttribute('content')" + ");");
superonPageFinished(view, url);
}
}
private class GetShareDataInterface {
@JavascriptInterface
public void OnGetShareData(String shareData) {
if (null != shareData) {
try {
JSONObject shareJson = new JSONObject(shareData);
title = shareJsonoptString("title");
description = shareJsonoptString("description");
imageUrl = shareJsonoptString("imageUrl");
} catch (JSONException e) {
eprintStackTrace();
}
}
}
}
webViewsetWebViewClient(new MyWebClient());
其实,如果是普通的需求,两种方式都可以解决问题,但是如果是有些HTML没有做js调java,只是个普通的HTML,并且需要获取页面上的数据时,只能通过第二种方式来获取HTML上的数据了,比如获取HTML上的title等等。
以上就是关于如何获取html styleid 的元素全部的内容,包括:如何获取html styleid 的元素、javascript中如何获取一个html表格的内容、读取HTML并取其中一部分内容如何实现等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)