GVKun编程网logo

html节点属性操作(html节点类型)

29

在这篇文章中,我们将为您详细介绍html节点属性操作的内容,并且讨论关于html节点类型的相关问题。此外,我们还会涉及一些关于ajax动态增加html节点时,jqm样式未加载出来,须实现refresh

在这篇文章中,我们将为您详细介绍html节点属性操作的内容,并且讨论关于html节点类型的相关问题。此外,我们还会涉及一些关于ajax动态增加html节点时,jqm样式未加载出来,须实现refresh操作、C# XML文件创建保存、子节点及属性操作、C#通过XML节点属性/属性值读取写入XML操作代码实例、DOM下的节点属性和操作小结的知识,以帮助您更全面地了解这个主题。

本文目录一览:

html节点属性操作(html节点类型)

html节点属性操作(html节点类型)

<div>



 
   new document 
  Meta  
  Meta  
  
  
  调用js程序
 函数,不能单独定义,也不能单独调用
 函数只能作为数据传给其他变量

        irstChild;
        属性
属性
属性
属性
属性
  <span>/<span>匿名函数调用和作为数据
//给变量赋不同的值,则变量就是不同类型
//给变量赋一个函数,则变量就是函数型
var a="abc";
var a=[10];
var a= function(){
alert("ok");
}
//调用方法:
a();
<span>/
<span></<span>script<span>>
<span></<span>head<span>>
<span><<span>body<span>>
<span><<span>body<span>><<span>img <span>onclick<span>="removeImg(this)" <span>/></<span>body<span>>
<span></<span>body<span>>
<span></<span>html<span>>

ajax动态增加html节点时,jqm样式未加载出来,须实现refresh操作

ajax动态增加html节点时,jqm样式未加载出来,须实现refresh操作

在使用js或者jQuery获取控件(例如:button、checkBox、radiobutton等)的值时,也是需要先刷新,否则无法获取到最新的值。

下面列出常用的标签的refresh操作,其他的可以举一反三。
1. Listview的refresh操作:
$('#mylistid').listview('refresh');

2. select menu的refresh操作:
var myselect = $("#myselect");
myselect[0].selectedindex = 2;
myselect.selectmenu("refresh");

3. CheckBoxes的refresh操作:
$("#mycheckBoxid").attr("checked",true).checkBoxradio("refresh");

4. Radio buttons的refresh操作:
$("#myradioid").attr("checked",true).checkBoxradio("refresh");

1.Textarea fields

$('body').prepend('<textareaid="myTextArea"></textarea>');
$('#myTextArea').textinput();

2.Text input fields

$('body').prepend('<inputtype="text"id="myTextField"/>');
$('#myTextField').textinput();

3.Buttons

$('body').append('<ahref=""data-theme="e"id="myNewButton">testing</a>');
$('#myNewButton').button();

4.ComboBox or select dropdowns

<labelfor="sCountry">Country:</label>
<selectname="sCountry"id="sCountry">
<optionvalue="">WhereYouLive:</option>
<optionvalue="ad">Andorra</option>
<optionvalue="ae">UnitedarabEmirates</option>
</select>

varmyselect=$("#sCountry");
myselect[0].selectedindex=3;
myselect.selectmenu('refresh');

5.Listviews

<ulid="myList"data-role="listview"data-inset="true">
<li>Acura</li>
<li>Audi</li>
<li>BMW</li>
</ul>

$('#mylist').listview('refresh');

6.Slider control

<divdata-role="fieldcontain">
<labelfor="slider-2">Inputslider:</label>
<inputtype="range"id="slider-2"value="25"min="0"max="100"/>
</div>

$('#slider-2').val(80).slider('refresh');

7.Toggle switch

<divdata-role="fieldcontain">
<labelfor="toggle">Flipswitch:</label>
<selectname="toggle"id="toggle"data-role="slider">
<optionvalue="off">Off</option>
<optionvalue="on">On</option>
</select>
</div>

varmyswitch=$("#toggle");
myswitch[0].selectedindex=1;
myswitch.slider("refresh");

8.Radio buttons

<divdata-role="fieldcontain">
<fieldsetdata-role="controlgroup"data-type="horizontal">
<legend>Layoutview:</legend>
<inputtype="radio"name="radio-view"value="list"/>
<labelfor="radio-view-a">List</label>
<inputtype="radio"name="radio-view"value="grid"/>
<labelfor="radio-view-b">Grid</label>
<inputtype="radio"name="radio-view"value="gallery"/>
<labelfor="radio-view-c">gallery</label>
</fieldset>
</div>

$("input[value=grid]").attr('checked',true).checkBoxradio('refresh');


9.CheckBoxes

<divdata-role="fieldcontain">
<fieldsetdata-role="controlgroup">
<legend>Agreetotheterms:</legend>
<inputtype="checkBox"name="checkBox-1"id="checkBox-1"/>
<labelfor="checkBox-1">Iagree</label>
</fieldset>
</div>

$('#checkBox-1').attr('checked',true).checkBoxradio('refresh');

C# XML文件创建保存、子节点及属性操作

C# XML文件创建保存、子节点及属性操作

C# XML文件创建保存、子节点及属性操作

/// <summary>
        /// 创建添加并保存XML文件
        /// </summary>
        private void CreatAndSaveXML()
        {
            XmlDocument xmlDoc = new XmlDocument();
            XmlDeclaration xmlDec = xmlDoc.CreateXmlDeclaration("1.0", "utf-8",null);

            xmlDoc.AppendChild(xmlDec);
            //添加根节点
            XmlElement nodeRoot = xmlDoc.CreateElement("Templete");
            xmlDoc.AppendChild(nodeRoot);
            //添加新节点
            XmlElement nodeTemp1 = xmlDoc.CreateElement("nodeTemp");
            //添加节点数据
            nodeTemp1.InnerText = "测试节点1";
            //添加节点属性
            nodeTemp1.SetAttribute("Attribute1", "123");
            nodeTemp1.SetAttribute("Attribute2", "456");
            nodeTemp1.SetAttribute("Attribute3", "789");
            nodeRoot.AppendChild(nodeTemp1);
            //添加新节点
            XmlElement nodeTemp2 = nodeTemp1.Clone() as XmlElement;
            nodeTemp1.InnerText = "测试节点2";
            nodeTemp2.SetAttribute("Attribute1", "123");
            nodeTemp2.SetAttribute("Attribute2", "456");
            nodeTemp2.SetAttribute("Attribute3", "789");
            nodeRoot.AppendChild(nodeTemp2);

            xmlDoc.Save(Application.StartupPath + "\\xmlTemp.xml");
        }

/// <summary> /// 加载遍历XML文件 /// </summary> private void LoadAndTraversal() { XmlDocument xmlDoc = new XmlDocument(); xmlDoc.Load(Application .StartupPath+ "\\xmlTemp.xml"); //读取根节点 XmlElement nodeElement = xmlDoc.SelectSingleNode("Templete") as XmlElement; if (nodeElement != null) { XmlNodeList nodeList = nodeElement.ChildNodes; //子节点遍历 if (nodeList != null && nodeList.Count > 0) { foreach (XmlNode nodeItem in nodeList) { //获取子节点属性 string att1 = (nodeItem as XmlElement).GetAttribute("Attribute1"); Console.WriteLine(att1); } } } }

 

C#通过XML节点属性/属性值读取写入XML操作代码实例

C#通过XML节点属性/属性值读取写入XML操作代码实例

1.XML的内容如下:

复制代码 代码如下:

<?xml version="1.0" encoding="utf-8" ?>
<root>
  <title>
    <settings id = "0" name = "显示文字">欢迎您!智慧服务,互动体验......</settings>
    <settings id = "1" name = "字体">微软雅黑</settings>
    <settings id = "2" name = "颜色">Yellow</settings>
    <settings id = "3" name = "字体尺寸">48</settings>
  </title>
  <menu>
    <submu id="0" name="部门分布"/>
    <submu id="1" name="宣传视频"/>
    <submu id="2" name="部门宣传"/>
    <submu id="3" name="会议安排"/>
  </menu>
  <mu1>
    <submu id = "0" name = "iCentroView产品">
      <video id = "0">Videos/ICV.mp4</video>
    </submu>
    <submu id = "1" name = "员工社区">
      <video id = "0">Videos/ygsqxcp.mp4</video>
    </submu>
    <submu id = "2" name = "三维展示">
      <video id = "0">Videos/iBaosight.mp4</video>
    </submu>
    <submu id = "1" name = "好生活宣传">
      <video id = "0">Videos/goodlift.mp4</video>
    </submu>
  </mu1>
  <main>Picture/main.jpg</main>
</root>

2.获得XML文档

复制代码 代码如下:

private static string url = AppDomain.CurrentDomain.Setupinformation.ApplicationBase+"Config\\config.xml";
        private  XmlDocument xmlDoc;
        private XmlNode root;
        public static string Title;
        public  XMLHandler()
        {
            xmlDoc = new XmlDocument();
            LoadConfig();
        }

        private  void LoadConfig()
        {
            try
            {
                xmlDoc.Load(url);
                root = xmlDoc.SelectSingleNode("root");
            }
            catch (Exception e)
            {
                throw e;
            }
        }

3.通过属性名称读取XML节点中的内容

复制代码 代码如下:

public TitleModel GetTitle()
        {
            try
            {
                TitleModel title = new TitleModel();
                XmlNode node = root.FirstChild;
                if(node!=null)
                {
                    foreach (XmlNode nd in node.ChildNodes)
                    {
                        XmlElement element = (XmlElement)nd;
                        if (element.GetAttribute("name") == "显示文字")
                        {
                            title.Title = nd.InnerText;
                        }
                        else if (element.GetAttribute("name") == "字体尺寸")
                        {
                            title.FontSize = Convert.ToInt32(nd.InnerText);
                        }
                        else if (element.GetAttribute("name") == "颜色")
                        {
                            title.FontColor = FontColor(nd.InnerText);
                        }
                        else if (element.GetAttribute("name") == "字体")
                        {
                            title.FontFamily = nd.InnerText;
                        }
                    }
                }
                return title;       
            }
            catch (Exception e)
            {       
                throw e;
            }

        }

4.通过属性读取XML中节点的属性值

复制代码 代码如下:

public List<string> GetMenuString()
        {
            try
            {
                List<string> list=new List<string>();
                XmlNode menu = root.ChildNodes[1];
                if (menu != null)
                {
                    foreach (XmlNode node in menu.ChildNodes)
                    {
                        XmlElement element = (XmlElement)node;
                        list.Add(element.GetAttribute("name"));
                    }
                }
                return list;
            }
            catch (Exception e)
            {
                throw e;
            }
        }

5.通过节点获取XML节点中的内容

复制代码 代码如下:

public string GetMainBackground()
        {
            string url ="Images/mainjpg";
            try
            {
                XmlNode node = root.LastChild;
                if (node != null)
                {
                    url =  node.InnerText;
                }
                return url;
            }
            catch (Exception e)
            {
                throw e;
            }

        }

DOM下的节点属性和操作小结

DOM下的节点属性和操作小结

属性:
1 .nodeName
节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text。nodeName,是只读的。
2 .nodeType
值:1,元素节点;2,属性节点;3,文本节点。nodeType是只读的。
3 .nodeValue
返回一个字符串,指示这个节点的值。元素节点返回null,属性节点返回属性值,文本节点返回文本。nodeValue可读可写,这是对元素节点不能写。一般只用于设置文本节点的值。
4 .childNodes
返回子节点数组。文本和属性节点的childNodes永远是null。可以用hasChildNodes()来判断是否有子节点。只读属性,要删除添加节点可不能用操作childNodes数组的办法呃。
5 .firstChild
返回第一个子节点。文本和属性节点没有子节点,会返回一个空数组,这是针对这二位的特殊待遇。对于元素节点,若是没有子节点会返回null.有一个等价式:firstChild=childNodes[0].
6 .lastChild
返回最后一个子节点。返回值同firstChild,三方待遇参考上面。有一个等价式:lastChide=childNodes[childNodes.length-1].
7 .nextSibling()
返回节点的下一个兄弟节点。如果没有下一个兄弟节点的话,返回null。只读属性,不可以更改应用。
8 .previousSibling()
返回节点的上一个兄弟节点。同上。
9 .parentNode()
返回节点的父节点。document.parentNode()返回null,其他的情况下都将返回一个元素节点,因为只有元素节点拥有子节点,出了document外任何节点都拥有父节点。parentNode(),又是一个只读的家伙。


操作:
1. 创建节点
createElement(''tagName'');
如:var oP=document.createElement(''p'');创建了一个<p></p>标签。
2. 创建文本节点
createTextNode(''text'');
如:var oText=document.createTextNode(''This is a paragh!'');
3. 附加子节点
appendChild(o);其中o为节点对象。
如:document.body.appendChildNode(o);在body末尾追加
document.forms[0].appendChildNode(o);在form表单末尾追加
oP.appendChildNode(o);在元素内部的末尾追加,其总oP为节点对象。
4. 创建文档片断
createDocumentFragment();
如:var oF=document.createDocumentFragment();
5. 删除节点
removeChild(oP);
如:document.body.removeChild(oP),从body中移除oP节点对象。
6. 替换节点
replaceChid(newOp,targetOp);将目标节点targetOp替换为newOp
如:document.body.replayChild(oPa,oPb).ps:怎会这样特殊?源和目地操作数都是参数,为何调用者是document.body?记住先,别多管。——被替换的必须是body的子节点,可以用其他element替代document.body,前提一样,被替换的要是这个element的子节点。
7. 插入节点
insertBefor(newOp,targetOp);
insertAfter(newOp,targetOp);
8. 设置或得到属性节点
setAttribute(''key'',''value'');
getAttribute(''key'',''value'')
9.复制节点。
cloneNode(true/false)

您可能感兴趣的文章:

关于html节点属性操作html节点类型的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于ajax动态增加html节点时,jqm样式未加载出来,须实现refresh操作、C# XML文件创建保存、子节点及属性操作、C#通过XML节点属性/属性值读取写入XML操作代码实例、DOM下的节点属性和操作小结等相关内容,可以在本站寻找。

本文标签:

上一篇html中table边框属性(html中table边框设置)

下一篇为什么document.firstChild找到的不是html节点(为什么找不到documents文件夹)