---
title: "Edit PDF outlines using JavaScript | Nutrient SDK"
canonical_url: "https://www.nutrient.io/guides/web/bookmarks/outlines/edit/"
md_url: "https://www.nutrient.io/guides/web/bookmarks/outlines/edit.md"
last_updated: "2026-05-26T01:23:09.713Z"
description: "With Nutrient Web SDK, you can list existing PDF outlines with instance.getDocumentOutline and update them with instance.setDocumentOutline:."
---

# Edit PDF outlines using JavaScript

Creating, editing, or removing document outlines is available when using [Web SDK](/guides/web.md) in the browser. For more information, refer to the [operational mode](/guides/web/about/operational-modes.md) guide.

With Nutrient Web SDK, you can list existing PDF outlines with [`instance.getDocumentOutline`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#getDocumentOutline) and update them with [`instance.setDocumentOutline`](https://www.nutrient.io/api/web/NutrientViewer.Instance.html#setDocumentOutline):

```js

async function outlineToUppercase() {
  const outline = await instance.getDocumentOutline();
  const uppercasedOutline = outline.map((outlineElement) =>
    outlineElement.set("title", outlineElement.title.toUpperCase())
  );

  await instance.setDocumentOutline(uppercasedOutline);
}

await outlineToUppercase();

```
---

## Related pages

- [Create PDF outlines using JavaScript](/guides/web/bookmarks/outlines/create.md)
- [Remove PDF outlines using JavaScript](/guides/web/bookmarks/outlines/remove.md)