iOS之oc与html之间的交互（oc中调用js的方法）

一、运行的效果图

1、刚开始的效果

 

2、运行结束后的效果

 

二、准备工作

1、准备一个html文件导入到oc工程中

2、jiaohu.html文件的原始内容

 

3、从oc语言中操作.html文件－－－增删改查

1).查询操作

var p = document.getElementById('word');

2).删除操作

NSString*html =@"var p = document.getElementById('word');";
 
NSString*html2 =@"p.remove();";
 
[webViewstringByEvaluatingJavaScriptFromString:html];
 
[webViewstringByEvaluatingJavaScriptFromString:html2];

3).更改操作

NSString*htmlUpdate =@"var change = document.getElementsByClassName('change')[0];"
 
"change.innerHTML = '更改后的值';";
 
[webViewstringByEvaluatingJavaScriptFromString:htmlUpdate];

4).插入操作

//插入操作1

 

//插入操作2
 
NSString*htmlInsert =@"var img = document.createElement('img');"
 
"img.src = 'img11.jpg';"
 
"img.width = '200';"
 
"img.height = '200';"
 
"document.body.appendChild(img);";
 
[webViewstringByEvaluatingJavaScriptFromString:htmlInsert];