JavaScript滚动到树的选择结点

最新推荐文章于 2023-07-11 15:51:12 发布

温智星

最新推荐文章于 2023-07-11 15:51:12 发布

阅读量954

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript function tree null

本文链接：https://blog.youkuaiyun.com/wenzhixing/article/details/6140897

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现的功能：在页面加载时自动滚动并高亮显示选中的树形菜单节点。此方法适用于使用特定ID标识节点的场景，并确保用户能够立即注意到已选择的节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//滚动到选择节点 function ScrollToSelectNode() { try { var elem = document.getElementById('TreeView1_SelectedNode'); if(elem != null ) { var node = document.getElementById(elem.value); if(node != null) { node.scrollIntoView(); node.style.color="#FF0000"; document.getElementById("ctl00_rs1_raLeft").scrollLeft = 0; document.getElementById("ctl00_rs1_raLeft").scrollTop -= 30; } } } catch(oException) { } } function GetTreeById(id) { return document.getElementById(id); } function GetNode(tree,element) { var id = element.id.replace(tree.id,""); id = id.toLowerCase().replace(element.type,""); id = tree.id + id; var node = document.getElementById(id); if(node == null) //leaf node, no "A" node return element; return node; } function OnTreeNodeChecked(TreeID) { var element = window.event.srcElement; var tree = GetTreeById(TreeID); var node = GetNode(tree,element); var ckl=document.getElementsByTagName("A");//每一个结点都是一个链接 for(i=0;i<ckl.length;i++) { ckl[i].style.color=""; } node.style.color="#FF0000"; }

if(!IsPostBack)
{

TreeView1.Attributes.Add("OnClick", "OnTreeNodeChecked('TreeView1')");
}